Components
Input
A text field with a floating label and a border of light that follows the pointer, then circles the field on focus.
Paste it into ChatGPT, Claude, Cursor or v0.
Usage
import { Input } from '@vizzele/react';
<Input label="Email address" type="email" hint="We never share it." />
<Input label="Password" type="password" error="Too short" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Floating label (required). |
hint / error | ReactNode | — | Helper or error text (aria-describedby). |
startIcon | ReactNode | — | Leading icon. |
glow | boolean | true | Pointer-following border light. |
Accessibility
- A real <label for>; errors set aria-invalid and are linked via aria-describedby.