Input Group
Grouped input fields with fluid hover highlighting, animated label transitions, optional icons, and error states.
- Library
- Fluid Functionalism
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @base-ui/react@^1.9.0, lucide-react
- Install
npx shadcn@latest add @fluid/input-group- Files
registry/default/input-group.tsxregistry/default/lib/utils.tsregistry/default/lib/font-weight.tsregistry/default/lib/shape-context.tsxregistry/default/lib/icon-context.tsxregistry/default/hooks/use-fluid-hover.tsregistry/default/fluid-hover-highlight.tsxregistry/default/lib/size-context.tsx
- Source
- https://github.com/mickadesign/fluid-functionalism
Categories
- Form Field Components
- React Form Field Components
- Tailwind CSS Form Field Components
- Animated Form Field Components
- Input Components
- React Input Components
- Tailwind CSS Input Components
- Animated Input Components
- Text Input Components
- React Text Input Components
- Tailwind CSS Text Input Components
- Animated Text Input Components