InsetInput

ARIA
RTL

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.

InsetInput

Anatomy


    <InsetInput>
      <InsetInput.Label>...</InsetInput.Label>
    </InsetInput>
      

Default

Different states

Custom styles

TextInput types

InsetInput

NameTypeRequiredDefaultDescription
classNamestringNo-Tailwind classes for customization
errorbooleanNofalseSets error state for Input

InsetInput.Label

NameTypeRequiredDefaultDescription
classNamestringNo-Tailwind classes for customization