Back
Floating Input
Satu Visual ComponentNew
A text input whose label floats up when focused or filled.
Installation
Add it with the CLI:
Terminal
$
Or open the Code tab above and copy it in manually — it relies on the standard cn() helper from @/lib/utils.
Usage
Pass a label. Forwards all native input props (type, name, required…).
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | — | Floating label text. |
| className | string | — | Extra classes. |
| ...props | InputHTMLAttributes | — | Native <input> props. |