Snackbar component — Surfe UI

Snackbars contain a single line of text directly related to the operation performed. They may contain a text action, but no icons.

In wide layouts, snackbars can be left-aligned or center-aligned if they are consistently placed on the same spot at the bottom of the screen.

Keeping in mind that the ideal line length for text is typically between 40-60 characters.

On smaller size screens, such as mobile, the text label can contain up to two lines of text.

A glimpse of Surfe's snackbar component.