Input
Use Input to build forms for your interface. This component provides a styled version of HTML input.
Usage Example#
Live Editor
Result
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| bg | string (optional) | 'background' | |
| border | integer (optional) | 1 | |
| borderColor | string (optional) | 'moon-gray' | |
| borderRadius | integer (optional) | 1 | |
| boxShadow | integer (optional) | 1 | |
| color | string (optional) | 'text' | |
| fontSize | string (optional) | '1rem' | |
| height | string (optional) | '3rem' | |
| lineHeight | string (optional) | 'initial' | |
| p | integer (optional) | 3 | |
| theme | object (optional) |
Input uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styled System props.