laif-ds/dist/agent-docs/components/Toggle.md

Design System di Laif con componenti React basati su principi di Atomic Design

# Toggle

## Overview

Single toggle button component with variants and sizes. Built on Radix Toggle.

---

## Props

Extends `@radix-ui/react-toggle` Root props plus variants.

- `variant`: `"default" | "outline"` (default: `"default"`)
- `size`: `"default" | "sm" | "lg"` (default: `"default"`)

---

## Example

```tsx
import { Toggle } from "laif-ds";
import { Bold } from "lucide-react";

export function BoldToggle() {
  return (
    <Toggle aria-label="Toggle bold">
      <Bold />
    </Toggle>
  );
}
```