SubHeader
Context strip below AppHeader — env switcher, ambient breadcrumbs, scope chip
SSR mode
Examples
Default
Environment:
Production
·
Sites > Marketing
Borderless, no fill, gutters off
Bare strip
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| SubHeader | A subtle horizontal strip rendered below an AppHeader. Use for ambient context that's relevant across pages — current environment, scope (project/team), or breadcrumbs that belong outside the page header. Wrapper-styling. |
SubHeader
A subtle horizontal strip rendered below an AppHeader. Use for ambient context that's relevant across pages — current environment, scope (project/team), or breadcrumbs that belong outside the page header. Wrapper-styling.
| Property | Type | Required | Description |
|---|---|---|---|
| ChildContent | RenderFragment? | Strip content. Free-form — typically a flow of text + badges + dividers. | |
| Borders | bool | Toggles border-b border-border. Default: true. | |
| Gutters | bool | Toggles px-6 py-2 gap-3 on the content row. Default: true. | |
| BgFilled | bool | Toggles bg-subtle-bg. Default: true. |