[component]

Dev Mode

Field

Description

A higher level component that wraps all input fields, allowing you to pass type and get the correct field.

Text Field

Here's some help text

Status

Documentation:

Figma:

Web:

iOS:

Android:

Examples

Text Field

Here's some help text

Boolean Field

Here's some help text

Email Text Field

Email Field

Here's some help text

Text Area Field

TextArea Field

Here's some help text

Large TextArea

Here's some help text

Number Field

Here's some help text

Select Field

Here's some help text

This is the select value:

Password Field

Here's some help text

Phone Number Field

Here's some help text

Phone number return: +15558675309

URL Field

Here's some help text

Date And Time Fields

Date Time Field

Here's some help text

Time in local timezone

Multiselect Field

Option1

Option2

Option3

Here's some help text

Address Field

Street Address

Apt, suite, etc

City

State

Zipcode

Address

123 Main St Apt 1 San Francisco, CA 94105

Auto Complete

Google Maps API Key

Test Your API Key Here

Without County

Street Address

Apt, suite, etc

City

State

Zipcode

Address

456 Main St San Francisco, CA 94105

With County

Street Address

Apt, suite, etc

City

State

Zipcode

County Name

County Code

Address

789 Main St San Francisco, CA 94105 San Francisco (00000)

Custom Select Field

Custom Select Field With Placeholder

Helper text goes here

Custom Select Field Without Placeholder

Helper text goes here

Field With Error Message

Field with error

Only enter 1 character, enter 2 to see the error label