toggle-button-group-default

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/toggle-button-group-default.tsx
import { BoldIcon, ItalicIcon, UnderlineIcon } from "lucide-react"

import {
  ToggleButtonGroup,
  ToggleButtonGroupItem,
} from "@/registry/new-york/ui/toggle-button-group"

export default function ToggleButtonGroupDefault() {
  return (
    <ToggleButtonGroup aria-label="Text formatting">
      <ToggleButtonGroupItem aria-label="Toggle bold">
        <BoldIcon />
      </ToggleButtonGroupItem>
      <ToggleButtonGroupItem aria-label="Toggle italic">
        <ItalicIcon />
      </ToggleButtonGroupItem>
      <ToggleButtonGroupItem aria-label="Toggle underline">
        <UnderlineIcon />
      </ToggleButtonGroupItem>
    </ToggleButtonGroup>
  )
}

Installation

npx shadcn@latest add @taki/toggle-button-group-default

Usage

import { ToggleButtonGroupDefault } from "@/components/toggle-button-group-default"
<ToggleButtonGroupDefault />