button-group-label

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/button-group-label.tsx
import {
  ButtonGroup,
  ButtonGroupLabel,
} from "@/registry/new-york/ui/button-group"
import { Input } from "@/registry/new-york/ui/input"

export default function ButtonGroupLabelDemo() {
  return (
    <ButtonGroup>
      <ButtonGroupLabel htmlFor="top-button">Label</ButtonGroupLabel>
      <Input id="top-button" placeholder="Type something here..." />
    </ButtonGroup>
  )
}

Installation

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

Usage

import { ButtonGroupLabel } from "@/components/button-group-label"
<ButtonGroupLabel />