Ember UI LogoEmber UI
Components

Toggle Group

A toggle-group component

Preview

Loading...
import { Bold, Italic, Underline } from "lucide-react";import { ToggleGroup, ToggleGroupItem } from "@/registry/axon/ui/toggle-group";export default function ToggleGroupDemo() {  return (    <ToggleGroup type="multiple" variant="outline">      <ToggleGroupItem aria-label="Toggle bold" value="bold">        <Bold className="h-4 w-4" />      </ToggleGroupItem>      <ToggleGroupItem aria-label="Toggle italic" value="italic">        <Italic className="h-4 w-4" />      </ToggleGroupItem>      <ToggleGroupItem aria-label="Toggle strikethrough" value="strikethrough">        <Underline className="h-4 w-4" />      </ToggleGroupItem>    </ToggleGroup>  );}

Installation

CLI

npx shadcn@latest add @emberui/toggle-group
yarn shadcn@latest add @emberui/toggle-group
pnpm dlx shadcn@latest add @emberui/toggle-group
bunx --bun shadcn@latest add @emberui/toggle-group

Reference

This component is based on the shadcn/ui Toggle Group component.

On this page