InsetInput
Text input fields allow users to enter text and can be used to collect user feedback or enter information in data entry forms.
These types of input fields are used on their own, or in combination with other inputs such as number entry, date picker, etc.

Anatomy
<InsetInput> <InsetInput.Label>...</InsetInput.Label> </InsetInput>
Default
Different states
Informative message holder
Error message
Informative message holder
Custom styles
Informative message holder
TextInput types
InsetInput
Name | Type | Required | Default | Description |
---|---|---|---|---|
type | date | datetime-local | email | number | password | search | tel | text | time | url | string | No | text | Input type |
placeholder | string | No | - | Placeholder for input |
error | boolean | No | false | Sets error state for input |
disabled | boolean | No | false | Set disabled/non-disabled |
dir | ltr | rtl | auto | No | - | RTL/LTR direction of label |
className | string | No | - | Tailwind classes for customization |
InsetInput.Label
Name | Type | Required | Default | Description |
---|---|---|---|---|
className | string | No | - | Tailwind classes for customization |