Hextech UI

Input Group

Live example

Input Group

Installation

Terminal
npx shadcn@latest add https://hextech-ui.vercel.app/r/group.json

API reference

These are the main Input Group options. See the exported TypeScript types for inherited native or primitive props.

PropTypeDefault
aria-labelstring (group accessible name)—
classNamestring on each part—

Grouping controls

Give the group a descriptive accessible name, and label each editable control. Use GroupSeparator for visual structure; a separator does not replace input labels.