Skip to main content
Version: Next

Show Snackbar

Provide brief notification (toast)

Description

Snackbar informs the user that an app has performed or will perform a specific operation. It is a good way to provide feedback.

It contains a single line of text directly related to the operation performed.

Frequency: By Material UI design, only one snackbar can be shown at a time. Thus showing a snackbar will hide any previously shown one.

More info <a href="https://mui.com/material-ui/react-snackbar/" target="_blank">MUI Snackbar</a>

Inputs

  • Control Flow (Control Flow)
  • Message (String): The message to display
  • Auto Hide Duration (Number): The number of milliseconds to wait before hidding the snackbar. By default, the snackbar is not autohidden
  • Severity (Snackbar Severity): The severity of the alert. This defines the color and icon used
  • Variant (Snackbar Variant): The variant to use
  • Anchor (Snackbar Anchor): The anchor of the snackbar

Outputs

  • Control Flow (Control Flow)