Input
A sleek, animated text input with a floating label that gracefully moves up on focus.
Preview
Email Address
Installation
npx shadcn@latest add "https://ui.rechesoares.com/registry/input.json"
Component Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| label | string | - | Yes | Text label displayed with animated letters. |
| value | string | - | Yes | Current value of the input (controlled). |
| className | string | - | No | Additional class names for the component. |
| ...props | Standard HTML input attributes | - | No | Other standard input props like onChange, disabled etc. |