Components/Input Group
Input Group
A composable input group primitive for modern product interfaces.
Base UI
Interactive example
Installation
Run the CLI from your project root. Dependencies and component source are added automatically.
$npx quackelements add input-groupUsage
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>