{
  "name": "settings-notification-channels-switches",
  "kind": "block",
  "primary": "div",
  "page": "/apps/saas/app/settings-page/settings-page.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-section": ""
  },
  "html": "<div data-section>\n    <aside>\n      <h3>Channels</h3>\n      <p>Choose how you receive notifications for workspace activity.</p>\n    </aside>\n    <div data-col>\n      <switch-ui label=\"Email notifications\" checked></switch-ui>\n      <switch-ui label=\"Push notifications\"></switch-ui>\n      <switch-ui label=\"Weekly digest\" checked></switch-ui>\n      <switch-ui label=\"SMS alerts\"></switch-ui>\n    </div>\n  </div>",
  "source": "apps/saas/app/settings-page/settings-page.contents.html",
  "metadata": {
    "domain": "settings",
    "description": "Notification channels — a column of switch-ui toggles for the delivery channels (email, push, weekly digest, SMS) of a notifications settings section. Instant on/off per channel, no submit.",
    "keywords": [
      "settings",
      "notifications",
      "channels",
      "switch-ui",
      "toggle",
      "email",
      "push",
      "weekly-digest",
      "sms",
      "alerts",
      "delivery",
      "preferences",
      "instant",
      "on-off",
      "notification-settings",
      "workspace",
      "activity"
    ]
  },
  "captured_at": "2026-06-10T13:16:11.236Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "heading",
      "textContent": "Channels"
    },
    {
      "id": "text-2",
      "component": "Text",
      "variant": "body",
      "textContent": "Choose how you receive notifications for workspace activity."
    },
    {
      "id": "sidebar",
      "component": "Sidebar",
      "children": [
        "text",
        "text-2"
      ]
    },
    {
      "id": "toggle",
      "component": "Toggle",
      "checked": true,
      "label": "Email notifications"
    },
    {
      "id": "toggle-2",
      "component": "Toggle",
      "label": "Push notifications"
    },
    {
      "id": "toggle-3",
      "component": "Toggle",
      "checked": true,
      "label": "Weekly digest"
    },
    {
      "id": "toggle-4",
      "component": "Toggle",
      "label": "SMS alerts"
    },
    {
      "id": "column",
      "component": "Column",
      "data-col": "",
      "children": [
        "toggle",
        "toggle-2",
        "toggle-3",
        "toggle-4"
      ]
    },
    {
      "id": "root",
      "component": "Column",
      "data-section": "",
      "children": [
        "sidebar",
        "column"
      ]
    }
  ]
}