SwitchSizes() — ui Function Reference

Architecture documentation for the SwitchSizes() function in switch-sizes.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ SwitchSizes() — ui Function Reference

Dependency Diagram

graph TD
  73682de6_e8de_0676_fc0c_2284ce58274e["SwitchSizes()"]
  f6d97b44_4ba5_0e4e_11e2_52314f52e07f["switch-sizes.tsx"]
  73682de6_e8de_0676_fc0c_2284ce58274e -->|defined in| f6d97b44_4ba5_0e4e_11e2_52314f52e07f
  style 73682de6_e8de_0676_fc0c_2284ce58274e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/switch-sizes.tsx lines 4–17

export function SwitchSizes() {
  return (
    <FieldGroup className="w-full max-w-[10rem]">
      <Field orientation="horizontal">
        <Switch id="switch-size-sm" size="sm" />
        <FieldLabel htmlFor="switch-size-sm">Small</FieldLabel>
      </Field>
      <Field orientation="horizontal">
        <Switch id="switch-size-default" size="default" />
        <FieldLabel htmlFor="switch-size-default">Default</FieldLabel>
      </Field>
    </FieldGroup>
  )
}