When to use
Use text fields for sign-up, login, checkout, and other forms. Show the error style under the field that needs fixing, and place fields in a list when a form has several related inputs.
Props
| Prop | Values | Default | Description |
|---|---|---|---|
data-variant | "outlined" | "plain" | filled | Plain is for fields inside list rows. |
type | "text" | "email" | "password" | "search" | "text" | Input type. |
required | boolean | false | Shows .ios-field-error when invalid. |
disabled | boolean | false | Grayed out. |