Loading...
Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | "Email" | The floating label text |
type | string | "email" | Input type (email, text, password) |
icon | React.ReactNode | <Mail /> | Icon to display on the left side |
Features
- Floating Label Animation: Label smoothly animates to the top when focused or filled
- Icon Support: Customizable icon on the left side of the input
- Focus States: Visual feedback with border color and glow effects
- Accessibility: Proper label association and keyboard navigation