Chiralkit
← All UI specs

Layout contract · ui-layout · 5

app-shell

Framework-neutral application geometry with optional primary and secondary rails around a required main region.

Version
v1.0.0

Layout contract

Technology
css
Stylesheet
layouts/app-shell.css
Root class
ds-app-shell

Regions

Variants

Tokens used

Raw validated 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