Raw shadcn — not wrapped in @oddapp/ui yet.

Import directly: @/components/ui/toggle-group. OddApp tokens are applied via globals.css @theme. All token rules still apply.

ToggleGroup

Group of mutually exclusive or multi-select toggle buttons.

Default

Import and render this component in your app using the snippet below.

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

<ToggleGroup type="single" defaultValue="week">
  <ToggleGroupItem value="day">Day</ToggleGroupItem>
  <ToggleGroupItem value="week">Week</ToggleGroupItem>
  <ToggleGroupItem value="month">Month</ToggleGroupItem>
</ToggleGroup>