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
  2c314b2f_38cc_e510_b1dd_cd408463593f["SwitchSizes()"]
  115c57a2_ca74_d716_6588_60d627fbc535["switch-sizes.tsx"]
  2c314b2f_38cc_e510_b1dd_cd408463593f -->|defined in| 115c57a2_ca74_d716_6588_60d627fbc535
  style 2c314b2f_38cc_e510_b1dd_cd408463593f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/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>
  )
}