SwitchChoiceCard() — ui Function Reference

Architecture documentation for the SwitchChoiceCard() function in switch-choice-card.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ SwitchChoiceCard() — ui Function Reference

Dependency Diagram

graph TD
  cb90189b_9e57_f623_946d_c01526125f6b["SwitchChoiceCard()"]
  47700d4f_03c9_1d53_42bd_8167a326e096["switch-choice-card.tsx"]
  cb90189b_9e57_f623_946d_c01526125f6b -->|defined in| 47700d4f_03c9_1d53_42bd_8167a326e096
  style cb90189b_9e57_f623_946d_c01526125f6b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/switch-choice-card.tsx lines 11–39

export function SwitchChoiceCard() {
  return (
    <FieldGroup className="w-full max-w-sm">
      <FieldLabel htmlFor="switch-share">
        <Field orientation="horizontal">
          <FieldContent>
            <FieldTitle>Share across devices</FieldTitle>
            <FieldDescription>
              Focus is shared across devices, and turns off when you leave the
              app.
            </FieldDescription>
          </FieldContent>
          <Switch id="switch-share" />
        </Field>
      </FieldLabel>
      <FieldLabel htmlFor="switch-notifications">
        <Field orientation="horizontal">
          <FieldContent>
            <FieldTitle>Enable notifications</FieldTitle>
            <FieldDescription>
              Receive notifications when focus mode is enabled or disabled.
            </FieldDescription>
          </FieldContent>
          <Switch id="switch-notifications" defaultChecked />
        </Field>
      </FieldLabel>
    </FieldGroup>
  )
}