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

    Class ZetaSnackbar

    Snackbars provide brief messages about app processes at the bottom of the screen.

    Contextual snackbars provide brief messages in relation to an action that has been taken by the user.

    • The text of the snackbar.

    icon - The icon of the snackbar.

    https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=229-13&node-type=canvas&m=dev

    https://design.zebra.com/web/storybook/index.html?path=/docs/components-snackbar--docs

    Hierarchy

    • ContourableThreeInterface<this> & LitElement<this> & InteractiveInterface<this>
      • ZetaSnackbar
    Index

    Other

    constructor actionClick? actionLabel? closeActionIcon? disabled hasCloseAction shape status styles

    rendering

    render

    Other

    • Returns ZetaSnackbar

    actionClick?: () => void

    Function to call when the action is clicked.

    () => {}
    actionLabel?: string

    Label of the action.

    closeActionIcon?: ZetaIconName

    Icon used for the close icon. Will default to 'cancel' icon if not provided.

    disabled: boolean
    hasCloseAction: boolean = false

    Whether the snackbar has a close action.

    shape: "rounded" | "sharp" | "full"
    status: "positive" | "negative" | "view" | "info" | "warning" | "default" = "default"

    Status of the component.

    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