Toggle Group

A toggle group component for selecting multiple options.

Preview

Usage

import { Bold, Italic, Underline } from 'lucide-react';

import {
  ToggleGroup,
  ToggleGroupItem,
} from '@vitnode/core/components/ui/toggle-group';
<ToggleGroup variant="outline" type="multiple">
  <ToggleGroupItem value="bold" aria-label="Toggle bold">
    <Bold className="size-4" />
  </ToggleGroupItem>
  <ToggleGroupItem value="italic" aria-label="Toggle italic">
    <Italic className="size-4" />
  </ToggleGroupItem>
  <ToggleGroupItem value="strikethrough" aria-label="Toggle strikethrough">
    <Underline className="size-4" />
  </ToggleGroupItem>
</ToggleGroup>

API Reference

Radix UI - Toggle Group

Toggle Group - VitNode