FieldSwitch() — ui Function Reference

Architecture documentation for the FieldSwitch() function in field-switch.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ FieldSwitch() — ui Function Reference

Dependency Diagram

graph TD
  60314641_92b9_83be_b690_145c45409abb["FieldSwitch()"]
  c35228fe_a981_1543_ca1c_ea82eb20e8ca["field-switch.tsx"]
  60314641_92b9_83be_b690_145c45409abb -->|defined in| c35228fe_a981_1543_ca1c_ea82eb20e8ca
  style 60314641_92b9_83be_b690_145c45409abb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/field-switch.tsx lines 9–24

export default function FieldSwitch() {
  return (
    <div className="w-full max-w-md">
      <Field orientation="horizontal">
        <FieldContent>
          <FieldLabel htmlFor="2fa">Multi-factor authentication</FieldLabel>
          <FieldDescription>
            Enable multi-factor authentication. If you do not have a two-factor
            device, you can use a one-time code sent to your email.
          </FieldDescription>
        </FieldContent>
        <Switch id="2fa" />
      </Field>
    </div>
  )
}