Label Input

Input field with floating label and password visibility toggle.

Library

Spell UI

Framework

React

Type

component

License

MIT

Dependencies

lucide-react

Install

npx shadcn@latest add "https://spell.sh/docs/label-input.md"

Files

• registry/spell-ui/label-input.tsx
• lib/utils.ts
• lib/config.ts

Source

https://github.com/xxtomm/spell-ui

Categories

• Form Field Components
• React Form Field Components
• Tailwind CSS Form Field Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Password Input Components
• React Password Input Components
• Tailwind CSS Password Input Components
• Text Input Components
• React Text Input Components
• Tailwind CSS Text Input Components

More from Spell UI

• Exploding Input
• Animated Checkbox
• Animated Gradient
• Badge
• Bars Spinner
• Blur Reveal
• Chart
• Color Selector
• Copy Button
• Fallback Avatar
• Flow Button
• Gradient Wave Text