To help some information, labels, or errors stand out, we present them with badges. They can look like buttons, but users can’t select them. They just guide users to things they should pay attention to.

children:

  • Text

Hierarchy

  • ContourableInterface<this> & LitElement<this>
    • ZetaLabel

Other

  • Returns ZetaLabel

rounded: boolean
status:
    | "positive"
    | "negative"
    | "info"
    | "warning"
    | "neutral" = "neutral"

Type of text label.

BannerStatus.default

text?: string

Text displayed on label.

Can also be slotted.

styles: CSSResultGroup[] = ...

rendering

  • 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.

    Returns TemplateResult<1>