App Bar
The App Bar displays information and actions relating to the current screen.
Basic
<me-app-bar position="static">
<me-toolbar>
<span>Title</span>
<span style="flex:1"></span>
<me-icon-button aria-label="search">...</me-icon-button>
</me-toolbar>
</me-app-bar>
Colors
Primary (default)
Secondary
Default
Transparent
Toolbar Variants
Regular (64px)
Dense (48px)
API — App Bar
| Attribute | Type | Default | Description |
|---|
position | fixed | absolute | sticky | static | relative | fixed | Positioning strategy. |
color | primary | secondary | default | inherit | transparent | primary | Background color. |
elevation | 0 | 1 | 2 | — | Override shadow depth. |
API — Toolbar
| Attribute | Type | Default | Description |
|---|
variant | regular | dense | regular | dense reduces min-height to 48px. |
disable-gutters | boolean | false | Remove horizontal padding. |
