@manhphi1309/button-group

A beautifully designed, accessible button group component for your React application.

Subcomponents

This package provides the following components and utilities:

• ButtonGroup
• ButtonGroupSeparator
• ButtonGroupText
• buttonGroupVariants

Dependencies

This package relies on:

• @manhphi1309/button
• @manhphi1309/input
• @manhphi1309/separator
• @manhphi1309/utils
• class-variance-authority
• clsx
• lucide-react
• radix-ui
• tailwind-merge

Installation

npm install @manhphi1309/button-group

Usage Example

import { Button } from "@manhphi1309/button"
import {
  ButtonGroup,
  ButtonGroupSeparator,
  ButtonGroupText,
} from "@manhphi1309/button-group"

export default function Example() {
  return (
    <ButtonGroup orientation="horizontal">
      <Button variant="outline">Left</Button>
      <ButtonGroupSeparator />
      <Button variant="outline">Middle</Button>
      <ButtonGroupSeparator />
      <ButtonGroupText>Text</ButtonGroupText>
      <ButtonGroupSeparator />
      <Button variant="outline">Right</Button>
    </ButtonGroup>
  )
}