Dev Design Library

Label 06 - Floating Label

Floating label that transitions from inside the input to the top on focus or fill.

Label 06 - Floating Label preview
Library
Shadcn Space
Framework
React
Type
component
License
MIT
Dependencies
lucide-react, motion
Files
  • src/components/shadcn-space/label/label-06.tsx
  • src/components/ui/input.tsx
  • src/components/ui/label.tsx
  • src/lib/utils.ts
  • src/config.ts
Source
https://github.com/shadcnspace/shadcnspace

Categories

More from Shadcn Space