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
  ff0d62ee_f44a_bbda_7d9f_c7b087c5b0a0["SwitchDescription()"]
  abe29901_b600_9e07_50e6_7d24ab848538["switch-description.tsx"]
  ff0d62ee_f44a_bbda_7d9f_c7b087c5b0a0 -->|defined in| abe29901_b600_9e07_50e6_7d24ab848538
  style ff0d62ee_f44a_bbda_7d9f_c7b087c5b0a0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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