{
  "_copyright": "Copyright (c) 2026, Salesforce, Inc., All rights reserved. For full license text, see the LICENSE.txt file",
  "$schema": "https://slds.lightningdesignsystem.com/schemas/uif-system.v1.json",
  "apiVersion": "1.0.0",
  "name": "Template",
  "description": "Page-level layout wrapper that applies consistent padding, gutter, and surface treatment to a Salesforce page region. Variants cover the common page shells: default padded surface, bottom-magnet (no bottom gutter), profile (extra top space for a profile banner), app (iframed app with no right or bottom gutter), and iframe (oneAloha wrapper that neutralizes brand-band space).",
  "extensions": {
    "com.salesforce-ux": {
      "genReady": false
    }
  },
  "cssSource": "./template.css",
  "styleApi": {
    "status": "stable",
    "ready": true
  },
  "structure": {
    "name": "template",
    "restrict": [
      "div",
      "main",
      "section"
    ],
    "description": "Root template wrapper. The variant prop selects which slds-template_* layout class is applied.",
    "variants": [
      {
        "name": "layout",
        "description": "Mutually exclusive page-layout treatments. Each option swaps the padding/sizing rules applied to the template surface.",
        "options": [
          {
            "value": "default",
            "class": "slds-template_default",
            "description": "Standard padded page surface. Cooperates with slds-brand-band so the brand band sits at a fixed offset from the top."
          },
          {
            "value": "bottomMagnet",
            "class": "slds-template_bottom-magnet",
            "description": "Padded on top, inline-start, and inline-end with no bottom padding, so content magnetizes to the bottom of the viewport."
          },
          {
            "value": "profile",
            "class": "slds-template_profile",
            "description": "Larger top padding to make room for a profile banner above the content."
          },
          {
            "value": "app",
            "class": "slds-template_app",
            "description": "Used on an iframe with an app inside that will scroll. Has no right or bottom gutter."
          },
          {
            "value": "iframe",
            "class": "slds-template_iframe",
            "description": "oneAloha wrapper around an iframed page. Uses a negative margin and surface background to neutralize the space created by the brand band."
          }
        ]
      }
    ],
    "children": [
      {
        "name": "container",
        "restrict": [
          "div"
        ],
        "description": "Positioning context inside the template. Full-height/full-width wrapper that anchors absolutely-positioned descendants.",
        "attributes": {
          "static": {
            "class": "slds-template__container"
          }
        }
      },
      {
        "name": "content",
        "restrict": [
          "div",
          "main",
          "section"
        ],
        "description": "Content area inside a template, used on layouts with a left sticky nav that scrolls and needs no right or bottom gutter.",
        "attributes": {
          "static": {
            "class": "slds-template__content"
          }
        }
      }
    ]
  }
}