toggle-size

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/toggle/size.tsx
import { Toggle } from '@/registry/default/ui/toggle';
import { Italic } from 'lucide-react';

export default function Component() {
  return (
    <div className="flex justify-center items-center gap-5">
      <Toggle size="sm" aria-label="Toggle italic">
        <Italic />
      </Toggle>
      <Toggle aria-label="Toggle italic">
        <Italic />
      </Toggle>
      <Toggle size="lg" aria-label="Toggle italic">
        <Italic />
      </Toggle>
    </div>
  );
}

Installation

npx shadcn@latest add @reui/toggle-size

Usage

import { ToggleSize } from "@/components/toggle-size"
<ToggleSize />