SwitchDescription() — ui Function Reference

Architecture documentation for the SwitchDescription() function in switch-description.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ SwitchDescription() — ui Function Reference

Dependency Diagram

graph TD
  7cccd1a8_250b_9bb3_63c9_8824c5247400["SwitchDescription()"]
  3380c9f9_dbaf_3f61_0e3c_d2e7853ae452["switch-description.tsx"]
  7cccd1a8_250b_9bb3_63c9_8824c5247400 -->|defined in| 3380c9f9_dbaf_3f61_0e3c_d2e7853ae452
  style 7cccd1a8_250b_9bb3_63c9_8824c5247400 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/switch-description.tsx lines 9–23

export function SwitchDescription() {
  return (
    <Field orientation="horizontal" className="max-w-sm">
      <FieldContent>
        <FieldLabel htmlFor="switch-focus-mode">
          Share across devices
        </FieldLabel>
        <FieldDescription>
          Focus is shared across devices, and turns off when you leave the app.
        </FieldDescription>
      </FieldContent>
      <Switch id="switch-focus-mode" />
    </Field>
  )
}