Toggle group

A set of two-state buttons that can be toggled on or off.

Installation

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

Lineage

Anatomy

import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group"

export default () => (
	<ToggleGroup>
		<ToggleGroupItem />
	</ToggleGroup>
)

Spoke utility classes

ClassFallback chainDescription
--toggle-group-radiusvar(--radius-md)Border radius for group
--shadow-toggle-groupvar(--shadow-xs)Box shadow for toggle group