← 全部 UI 规范

布局契约 · ui-layout · 5

app-shell

与框架无关的应用布局几何结构,在必需的主区域周围提供可选的主侧栏和次侧栏。

版本
v1.0.0

布局契约

技术
css
样式表
layouts/app-shell.css
根类名
ds-app-shell

区域

变体

使用的令牌

经过校验的原始 JSON
{
  "tech": "css",
  "stylesheet": "layouts/app-shell.css",
  "root_class": "ds-app-shell",
  "regions": [
    "header",
    "primary",
    "main",
    "secondary",
    "footer"
  ],
  "required_regions": [
    "main"
  ],
  "variants": [
    "fixed-rails"
  ],
  "tokens_used": [
    "spacing.lg",
    "spacing.xl"
  ]
}
ChiralFM