Password

NB! The component will be deprecated soon.

Please check out a new TextInput built with Tailwind.

Label

Show
Show
Show

Label RTL

Show
Show
Show

Without Label

Show
Show
Show

Hint message

Show
Show
Show

Disabled

Show
Show
Show

Error

Show
Show
Show

Input with background color

Show
Show
Show

Readonly

Show
Show
Show

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