@zebra-fed/zeta-web
    Preparing search index...

    Class ZetaStatusLabel

    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
    Index

    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>