InputGroup
Composes inputs with addons, buttons, and inline text into a single bordered control.
Import
import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput } from "@repo/design-system/components/ui/input-group";Use InputGroup to attach icons, static text, or small action buttons to a text input while keeping a single bordered control. For standalone form fields, prefer the higher-level input wrappers from the design system.
Icon Addons
Text Addons
With Buttons
With Textarea
Markdown supported