{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-switch-8","type":"registry:block","title":"Switch in frame","description":"Switch in frame","dependencies":[],"registryDependencies":["field","@reui/frame","separator","switch"],"files":[{"path":"c-switch-8.tsx","type":"registry:block","content":"import {\n  Frame,\n  FrameHeader,\n  FramePanel,\n  FrameTitle,\n} from \"@/components/reui/frame\"\n\nimport {\n  Field,\n  FieldGroup,\n  FieldLabel,\n  FieldTitle,\n} from \"@/components/ui/field\"\nimport { Separator } from \"@/components/ui/separator\"\nimport { Switch } from \"@/components/ui/switch\"\n\nexport function Pattern() {\n  return (\n    <Frame className=\"w-full max-w-xs\" spacing=\"sm\">\n      <FrameHeader>\n        <FrameTitle>Privacy Settings</FrameTitle>\n      </FrameHeader>\n      <FramePanel className=\"overflow-hidden p-0!\">\n        <FieldGroup className=\"gap-0\">\n          <Field>\n            <FieldLabel className=\"justify-between p-3\">\n              <FieldTitle>Profile visibility</FieldTitle>\n              <Switch defaultChecked />\n            </FieldLabel>\n          </Field>\n          <Separator />\n          <Field>\n            <FieldLabel className=\"justify-between p-3\">\n              <FieldTitle>Show online status</FieldTitle>\n              <Switch defaultChecked />\n            </FieldLabel>\n          </Field>\n          <Separator />\n          <Field>\n            <FieldLabel className=\"justify-between p-3\">\n              <FieldTitle>Allow data collection</FieldTitle>\n              <Switch />\n            </FieldLabel>\n          </Field>\n        </FieldGroup>\n      </FramePanel>\n    </Frame>\n  )\n}","target":"components/examples/c-switch-8.tsx"}],"meta":{"order":8}}