Snackbar

Snackbars inform users of a process that Arc has performed or will perform. They appear temporarily, towards the bottom right-hand side of the viewport. They shouldn’t interrupt the user experience, and they don’t require user input to dismiss.

tip

See guidelines on Notifications for help in selecting the correct type of notification.

• Overview
• React

A base snackbar can easily be created by providing only a message. Clicking the button multiple times will queue up multiple snackbars, showing one at a time until the queue is empty.

Import

import { Snackbar } from '@wpmedia/arc-ui-alert'

caution

Avoid importing Snackbar directly and instead use the provided notification hook: useNotification. This hook contains the behavior described on the "Overview" tab.