Input Group
A wrapper that groups an input with addons like icons, buttons, or text at the start or end.
Installation
npx shadcn add input-group --registry https://ui.ch.sh/r
Usage
import {
InputGroup,
InputGroupAddon,
InputGroupInput,
} from "@/components/ui/input-group"
export default function Example() {
return (
<InputGroup>
<InputGroupAddon>$</InputGroupAddon>
<InputGroupInput placeholder="Amount" />
</InputGroup>
)
}