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.

Slot

  • The text of the snackbar.

Slot

icon - The icon of the snackbar.

Figma

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

Storybook

https://zeta-ds.web.app/web/storybook/index.html?path=/docs/snackbar--docs

Hierarchy

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

Other

constructor _round _rounded actionClick? actionLabel? disabled hasCloseAction status styles round

rendering

render

Other

constructor

  • new ZetaSnackbar(): ZetaSnackbar

  • Returns ZetaSnackbar

_round

_round: boolean | "full" = "full"

Internal_rounded

_rounded: boolean = false

OptionalactionClick

actionClick?: (() => void)

Function to call when the action is clicked.

Default

() => {}

OptionalactionLabel

actionLabel?: string

Label of the action.

disabled

disabled: boolean

hasCloseAction

hasCloseAction: boolean = false

Whether the snackbar has a close action.

status

status:
    | "positive"
    | "negative"
    | "view"
    | "default"
    | "info"
    | "warning" = "default"

Status of the component.

Staticstyles

styles: CSSResultGroup[] = ...

round

rendering

render

  • render(): TemplateResult<1>

  • 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