A snackbar component is used to provide feedback about an operation by showing a brief message at the bottom of the screen.

  • Default slot to render the snackbar content.

action - Renders the action part of the snackbar. Usually an interactive element (button)

base - The base wrapper of the snackbar component.

message - The snackbar message.

action - The default snackbar action button.

action-container - The area holding the actions.

Callable

  • Returns ReactNode

Events

Properties

Events

onAction: (args: CustomEvent<void>) => void

Emitted when the snackbar action button is clicked.

Type declaration

Properties

actionText: string

The snackbar action button.