Time

NB! The component will be deprecated soon.

Please check out a new TextInput built with Tailwind.

Label

Label RTL

Without Label

Hint message

Disabled

Error

Input with background color

Readonly

Props for TextInput component

NameTypeRequiredDefaultDescription
inputSizemedium | large | xlargeYesmediumInput size
typeTextInputTypesYestextDifferent types of input
labelJSX.Element | stringNoRequired for medium size
placeholderstringNoPlaceholder for input
idstringNo-Set input id
hintTextJSX.Element | stringNoInformative or error message under input
isErrorbooleanNoSet error state for input
showPasswordTextJSX.Element | stringNoOnly for input type password. Text for toggle button: show/hide password
backgroundColorColorPropsNotransparentBackground color