RetroToggleGroup

A group of toggle buttons with Mac OS 9 bevel in single or multiple selection modes.

Installation

npx shadcn@latest add "https://nostalgia-ui.com/r/retro-toggle-group.json"

Setup: installing any component also installs nostalgia-theme (the --os9-* tokens and os9-* utilities) via registryDependencies. To add the theme on its own: npx shadcn@latest add https://nostalgia-ui.com/r/nostalgia-theme.json

Import

import { RetroToggleGroup } from "@/components/ui/retro-toggle-group"

Single Select (Alignment)

Selected: left

Multi Select (Text Formatting)

Active: bold

Size Comparison

sm
default
lg

Disabled

Click items to toggle. Single mode allows one active item; multiple mode allows many.