A named application banner with title and global actions. Compose cem-action controls; the banner adds no focus or action behavior.
Full examples and variation matrix · Property playground · Automated stories
Public attributes and slots
Public attribute inventory| Attribute | Contract |
|---|
| appearance | surface (default) preserves the container inset; compact uses canonical control padding and an inherited, margin-free title slot root. |
|---|
label | Workspace |
|---|
class | Consumer styling |
|---|
hidden | Native host visibility |
|---|
dir | Native direction |
|---|
slot=title replaces label fallback. Default slot holds global actions.
Five theme modes
Project
Project
Project
Project
Project
Projected content
ContentHidden by presence
{cem-module-url @slice=sourceUrl @src="@epa-wg/cem-components/components/cem-app-bar/cem-app-bar.xhtml"}{cem:if @test="datadom.slices.sourceUrl" | {p | {a @href="{$datadom.slices.sourceUrl}" | Open canonical XHTML}}{cem-demo-element @legend="Canonical source" @src="{$datadom.slices.sourceUrl}" @type=xml @demo=false}}Website · content/article.md - Studio