TextField

Filled and outlined text input fields

npx rootnative add text-field

Filled Variant

Label

Supporting text

With icons

Disabled

Outlined Variant

Label

Supporting text

With icons

Disabled

Error States

Filled error

Error message goes here

Outlined error

Error message goes here

Password

Character Counter

Bio

Counter shows automatically once maxLength is set

0/80

Bio (counter hidden)

Same maxLength, showCharacterCounter turned off

Bio (error)

Counter keeps its place next to the error message

0/80

Custom Input Style

Coupon code

inputStyle targets the input text only — the label keeps its own type

Custom Colors

Custom container

Custom outlined

Multiline

Description