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
Informative message holder
Informative message holder
Custom styles
Informative message holder
TextInput types
InsetInput
Name | Type | Required | Default | Description |
---|---|---|---|---|
className | string | No | - | Tailwind classes for customization |
error | boolean | No | false | Sets error state for Input |
InsetInput.Label
Name | Type | Required | Default | Description |
---|---|---|---|---|
className | string | No | - | Tailwind classes for customization |