Y2K UI

Input Group

Groups adjacent inputs and buttons together with seamless borders.

input-group-demo.app

Installation

terminal.sh
npx y2kui@latest add input-group

Usage

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

<InputGroup>
  <input data-slot="input" placeholder="Search..." />
  <button data-slot="button">Go</button>
</InputGroup>

Props

PropTypeDefaultDescription
classNamestringAdditional Tailwind classes.
childrenReactNodeInputs and buttons.

On this page