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.

Slotted children:

  • Text
  • Icon

Hierarchy

  • ContourableInterface<this> & LitElement<this>
    • ZetaStatusLabel

Other

  • Returns ZetaStatusLabel

icon?: ZetaIconName

Icon leading the component.

.

undefined. This will render an indicator circle.

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

Type of status label.

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>