base-toggle-size

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/base-toggle/size.tsx
import { Toggle } from '@/registry/default/ui/base-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/base-toggle-size

Usage

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