ToggleSizes() — ui Function Reference

Architecture documentation for the ToggleSizes() function in toggle-sizes.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ToggleSizes() — ui Function Reference

Dependency Diagram

graph TD
  f0e16300_557a_2ac1_6443_adbf9c761152["ToggleSizes()"]
  4e0c5f5f_ad10_7119_6dc8_0c2959ef81d4["toggle-sizes.tsx"]
  f0e16300_557a_2ac1_6443_adbf9c761152 -->|defined in| 4e0c5f5f_ad10_7119_6dc8_0c2959ef81d4
  style f0e16300_557a_2ac1_6443_adbf9c761152 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/toggle-sizes.tsx lines 3–17

export function ToggleSizes() {
  return (
    <div className="flex flex-wrap items-center gap-2">
      <Toggle variant="outline" aria-label="Toggle small" size="sm">
        Small
      </Toggle>
      <Toggle variant="outline" aria-label="Toggle default" size="default">
        Default
      </Toggle>
      <Toggle variant="outline" aria-label="Toggle large" size="lg">
        Large
      </Toggle>
    </div>
  )
}