Input group
An input with icons, text, buttons or a keyboard hint attached, sharing one border and focus ring.

- Library
- HextaUI
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @base-ui/react@^1.8.0, @tabler/icons-react, class-variance-authority, cn
- Install
npx shadcn@latest add https://hextaui.com/r/input-group.json- Files
components/ui/input-group.tsxcomponents/ui/button.tsxcomponents/ui/input.tsxlib/motion.tshooks/use-autosize.tshooks/use-composed-ref.tshooks/use-invalid-shake.tshooks/use-merged-ref.ts
- Source
- https://github.com/preetsuthar17/hextaui
Categories
- Form Field Components
- React Form Field Components
- Tailwind CSS Form Field Components
- shadcn/ui Form Field Components
- Input Components
- React Input Components
- Tailwind CSS Input Components
- shadcn/ui Input Components
- Text Input Components
- React Text Input Components
- Tailwind CSS Text Input Components
- shadcn/ui Text Input Components