Skip to content
Perimeter Style

Input Group

Groups an input with addons like icons, text, or buttons.

Usage

tsx
import { InputGroup } from "@/components/ui/input-group";

<Input Group disabled={false}>...</Input Group>
<Input Group disabled={false}>...</Input Group>

Light

Dark

Default

Metrics

Perimeter Api

Input Group Controls

disabled

Examples

With Icon

With Text Addon

https://

Disabled

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/input-group

Search

Search for components, templates, and more.