Input Group

Wraps an input with leading or trailing icons, text, buttons, and keyboard hints.

Installation

bunx @swift-rust/ui add input-group

Usage

tsx

1import { InputGroup, InputGroupAddon } from "@/components/ui/input-group";
2 
3<InputGroup>
4  <InputGroupAddon>https://</InputGroupAddon>
5  <input placeholder="example.com" />
6  <InputGroupAddon align="end">⌘K</InputGroupAddon>
7</InputGroup>

Composition

Input Group is composed of these parts:

InputGroup
├── InputGroupAddon
├── input
└── InputGroupAddon

Examples

⌘K

← Input Input OTP →