Component

Input Group

Input with addons, icons, or buttons.

Preview

Examples

With addon

With button

AI Prompt

Ready to copy and paste into any AI model.

7 lines

prompt.txt

Build an Input Group for the **Clinic Admin** design system.

**Design preview to replicate exactly:**
- With addon: container rounded-lg border border-input, left addon "@" (border-r, px-3 py-2 text-sm text-muted-foreground), Input placeholder "username" (border-0, no ring)
- With button: flex w-72, Input placeholder "Search..." rounded-r-none, Button "Search" size sm rounded-l-none

Return composable components (InputGroup, addon, input, button slot). Use cn() + Tailwind CSS.

Copy once, paste anywhere, keep consistent output.