Button group

Group related buttons together.

Installation

npx shadcn@latest add https://spoke.georgedrury.co.uk/r/button-group

Lineage

Shadcn

Docs

Spoke

Anatomy

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

export default () => (
	<ButtonGroup>
		<Button />
		<ButtonGroupSeparator />
		<Button />
	</ButtonGroup>
)

Spoke utility classes

This component uses base design tokens for styling and has no whitelabel CSS variables.