toggle-group-style-solid

PreviousNext
Docs
retrouiblock

Preview

Loading preview…
preview/components/toggle-group-style-solid.tsx
"use client";

import { ToggleGroup, ToggleGroupItem } from "@/components/retroui";
import { Bold, Italic, Underline } from "lucide-react";

export default function ToggleGroupStyleSolid() {
  return (
    <ToggleGroup type="multiple" variant="solid">
      <ToggleGroupItem value="bold">
        <Bold className="h-4 w-4" />
      </ToggleGroupItem>

      <ToggleGroupItem value="italic">
        <Italic className="h-4 w-4" />
      </ToggleGroupItem>

      <ToggleGroupItem value="underline">
        <Underline className="h-4 w-4" />
      </ToggleGroupItem>
    </ToggleGroup>
  );
}

Installation

npx shadcn@latest add @retroui/toggle-group-style-solid

Usage

import { ToggleGroupStyleSolid } from "@/components/toggle-group-style-solid"
<ToggleGroupStyleSolid />