ComponentReactregistry:ui
Input
input
Text input with 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg) and 3 tones (neutral, success, danger) for validation states via border and focus ring color. Invalid state also via aria-invalid.
This item declares no source files.
Notes from the author
Set aria-invalid on validation errors; the destructive ring style is built in. Use variant=soft on dense forms and filled surfaces.
1 example
See it in use
Used by 2 items
Built on Input
Other @ai2 items that list this one as a dependency.
@ai2
