Top App Bar
Top app bars provide content and actions related to the current screen.
Figma Link
https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=24183-7228
- Web Components
- Flutter
Demo
zeta-web v1.4.0
Web Components
Storybook
https://design.zebra.com/web/storybook/?path=/docs/components-top-appbar--docs
Slots
| Name | Description | Type |
|---|---|---|
| default | The content of the appbar. | text |
| leading | The content to be placed at the start of the appbar. | text |
| trailing | The content to be placed at the end of the appbar. | text |
Attributes
| Name | Description | Type | Default |
|---|---|---|---|
| centered | Centers the content of the title. | boolean | false |
| extended | Places the title below the main appbar. | boolean | false |
Flutter component not available yet