ascii.cnlibs.com
GithubX

Input Group

Icons, buttons and helper content on inputs.

https://

## installation

pnpm dlx shadcn@latest add https://ascii.cnlibs.com/r/input-group.json

## usage

import { InputGroup, InputGroupAddon, InputGroupInput } from "@/components/ui/input-group";
<InputGroup chWidth={40}>
  <InputGroupAddon>https://</InputGroupAddon>
  <InputGroupInput aria-label="Domain" defaultValue="hooks.example.com" />
</InputGroup>

## suffix

Addons go on either side of the input.

MB

## with button

https://