Toggle Group

Ready

Single or multiple selection from toggles.

Requires radix-ui

Installation

$ npx @oratiq-js/ui add toggle-group

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import

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

Single and multiple selection

Arrow-key navigation follows the writing direction: under RTL, the left arrow moves to the next item. That comes from the shared DirectionProvider, not from per-component code.

View source on GitHub → components/ui/toggle-group.tsx