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

    Class ZetaNotificationIndicator

    Indicator with primary blue background and text / number foreground.

    Hierarchy (View Summary)

    Index

    Other

    constructor icon? rounded size type value? styles

    rendering

    render

    Other

    icon?: ZetaIconName

    Icon to be shown on icon type indicator.

    Full list of icons can be found at Zeta Icons.

    rounded: boolean
    size: "small" | "medium" | "large"
    type: "icon" | "notification" = "notification"

    Whether to render as a notification or icon indicator.

    value?: number

    Value to be displayed inside the indicator. The value should not be negative. If the value is above 99, it will be displayed as "99+". The value will determine the size of the indicator when the type is set to "notification". If the value is above 99, the size will be set to "large". If the value is a number, it will be displayed as a number.s

    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>

    Settings

    Member Visibility

    On This Page

    Other
    rendering