button-group-input

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/button-group-input.tsx
import { SearchIcon } from "lucide-react"

import { Button } from "@/registry/new-york/ui/button"
import { ButtonGroup } from "@/registry/new-york/ui/button-group"
import { Input } from "@/registry/new-york/ui/input"

export default function ButtonGroupInput() {
  return (
    <ButtonGroup>
      <Input placeholder="Search..." />
      <Button variant="outline" aria-label="Search">
        <SearchIcon />
      </Button>
    </ButtonGroup>
  )
}

Installation

npx shadcn@latest add @taki/button-group-input

Usage

import { ButtonGroupInput } from "@/components/button-group-input"
<ButtonGroupInput />