Dev Design Library

Input group

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

Input group preview
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.tsx
  • components/ui/button.tsx
  • components/ui/input.tsx
  • lib/motion.ts
  • hooks/use-autosize.ts
  • hooks/use-composed-ref.ts
  • hooks/use-invalid-shake.ts
  • hooks/use-merged-ref.ts
Source
https://github.com/preetsuthar17/hextaui

Categories

More from HextaUI