Components
Input
Text input with size variants, status colors, label, helper text, error messages, and optional glass surface with glow on focus.
Playground
Explore all input props interactively.
<Input>...</Input>Props
Input size
Status border color
Label text above input
Error message (sets status to error)
Helper text below input
Glass surface density
Backdrop blur intensity
Elevated with shadow
Colored glass accent orbs behind content
Glow intensity
Disabled state
Status Colors
Colored borders to indicate input state.
Error Message
The error prop sets the status to error and displays a message below the input.
Please enter a valid email address.
Helper Text
Supportive text below the input for additional context.
Must be 3-20 characters, letters and numbers only.
Sizes
Five size variants from extra-small to extra-large.
Glass
Optional glass surface with backdrop blur and glow on focus. Shown on a dark background.