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

    Class ZetaIndicator

    Indicators are used to show the status of a user or any messages/notifications they might have.

    https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?type=design&node-id=22000-10045&mode=design&t=6mhOcUUr3tgxxFdd-0

    https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?type=design&node-id=22000-10072&mode=design&t=6mhOcUUr3tgxxFdd-0

    https://design.zebra.com/web/storybook/?path=/docs/components-badges--docs

    Hierarchy (View Summary)

    Index

    Other

    constructor icon inverse rounded size type value styles

    rendering

    render

    Other

    • Returns ZetaIndicator

    icon: ZetaIconName = "star"

    Icon to be shown on icon type indicator.

    Full list of icons can be found at Zeta Icons.

    inverse: boolean = false

    Whether indicator is to be on an inverse background.

    Adds an inverse color border to the indicator.

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

    Whether to render as a notification or icon indicator.

    value: string | boolean = false
    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