Form Components

Input

A flexible input component with support for icons, affixes, labels, validation, and various interaction states.

Preview-Figma

Live Radius Preview

Use the floating radius control in the bottom-right corner to see how different border radius values affect the input components in real-time. Available radius values: 0px, 6px/8px, 8px/10px, ∞ (with size-aware adjustments).

Type:Soft(8px)
Size values:
Large 8pxMedium 6pxSmall 6px

Input

Size

Icon

Affix

https://
USD

Inline Affix

$ USD
kg

Password

Must contain at least;

At least 1 uppercase
At least 1 number
At least 8 characters

Disabled

Errors

Please enter a valid email address

With Select

Hint

Username must be unique and contain only letters, numbers, and underscores

Button