Input

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.

Input

Default

Sizes

Different states

Custom styles

TextInput types

Controlling an input with a state variable

Result: FFFFFF

Input props

NameTypeRequiredDefaultDescription
sizesm | md | lgNomdInput size
typedate | datetime-local | email | number | password | search | tel | text | time | url | stringNotextInput type
placeholderstringNo-Placeholder for input
errorbooleanNofalseSets error state for input
disabledbooleanNofalseSet disabled/non-disabled
dirltr | rtl | autoNo-RTL/LTR direction of label
classNamestringNo-Tailwind classes for customization