Components/Actions & Inputs

Input Group

React.ComponentProps<"div">
npx shadcn@latest add @karan-ui/input-group
React.ComponentProps<"div">•Actions & Inputs

Input Group Interactive Canvas

Compound input container attaching icons, text addons, buttons, or dropdowns to inputs and textareas with synchronized focus rings, matching Input variants, sizes, and unified surface contrast.

Canvas
⌘K

Props Controls

4 props
'default' | 'outline' | 'ghost'
'xs' | 'sm' | 'default' | 'lg'
'default' | 'pill'
boolean
Disabled