In page banners display an important, succinct message, and may provide actions for users to address. Banners should be displayed at the top of the screen,below a top app bar. Only one banner should be shown at a time.
This component represents a banner that can be displayed within a page.
It can have a title, body text, and various status options.
status: Â Â Â Â | "positive" Â Â Â Â | "negative" Â Â Â Â | "default" Â Â Â Â | "info" Â Â Â Â | "warning" = "default"
Status of the component.
title
title:string = ""
Title of the banner, displayed at the top.
Staticstyles
styles:CSSResultGroup[] = ...
rendering
Protectedrender
render(): TemplateResult<1>
Invoked on each update to perform rendering tasks. This method may return
any value renderable by lit-html's ChildPart - typically a
TemplateResult. Setting properties inside this method will not trigger
the element to update.
Zeta in page banner component.
In page banners display an important, succinct message, and may provide actions for users to address. Banners should be displayed at the top of the screen,below a top app bar. Only one banner should be shown at a time.
This component represents a banner that can be displayed within a page. It can have a title, body text, and various status options.
Slot
Slot
action - The action buttons.
Figma
https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=21156-27071
Storybook
https://zeta-ds.web.app/web/storybook/?path=/docs/in-page-banner--docs