Components/Input Group

Input Group

A composable input group primitive for modern product interfaces.

Interactive example

https://

Installation

Run the CLI from your project root. Dependencies and component source are added automatically.

$npx quackelements add input-group

Usage

The generated file lives in your repository, so the component API and styles remain fully editable.

example.tsx
import { InputGroup, InputGroupInput, InputGroupText } from "@/components/quack/input-group"

<InputGroup><InputGroupText>https://</InputGroupText><InputGroupInput placeholder="domain.com" /></InputGroup>