4.15.0






Text Input

Area where user can enter small amount of text. Commonly used in forms.

Default

First Name
Last Name
Phone Number
Email Address
Zip Code

Dark

First Name
Last Name
Phone Number
Email Address
Zip Code

With Error

Email Address
Please enter a valid email address
Confirm Email Address

Text Input w/ Error shows that the radio option must be selected or is invalid (ie when used in a form it signals a user to fix an error).

Dark With Error

Email Address
Please enter a valid email address
Confirm Email Address

Custom

Custom Input


Things to Avoid

Do not use for large amounts of text (use Textarea instead). Avoid using a text input without validation if input is required and using with validation if not required.

Available Props
id
data
classname
aria
children
dark
disabled
error
label
name
placeholder
required
type
validation
value