v0.29.2
Inputs are stylized form controls with the ability of controling validation. Text Field Design Guidelines.
Edit the code below to see your changes live!
Supports all native <input />
element attributes.
Prop Name | Type | Default | Description |
---|---|---|---|
description | string | FormControlDescription |
| Append a description to the input field. |
error | string | string[] | FormControlError | FormControlError[] |
| Displays an error message for the field. Error message will be passed to the |
iconLeft | Icon |
| Pass in an Icon component to display to the left of the text. |
iconRight | Icon |
| Pass in an Icon component to display to the right of the text. |
label | string | FormControlLabel |
| Label element for inputs. Component with auto generate |
labelId | string |
| Appends an |
Props ending with * are required
Inputs allow you to pass in an error
message that will control the styles of an input. The logic on the input can be controlled with the onChange
prop.
Edit the code below to see your changes live!
Inputs can also contain icons via the iconLeft
& iconRight
props.
Edit the code below to see your changes live!