Snackbar

Example

Some snackbar message

{% import "@leviy-components/snackbar/macro/snackbar.html.twig" as snackbar %}

{{ snackbar.snackbar('Some snackbar message') }}

Activate the snackbars (added with the macro) by adding the following to your app.js:

import Snackbar from '@leviy/user-interface/components/snackbar/Snackbar';

const snackbarElements = ElementResolver.resolve('.snackbar');
const snackbarElementList = new ListControl(snackbarElements);

snackbarElementList.callback((snackbarElement) => {
    const snackbar = new Snackbar(snackbarElement);

    // Show and hide automatically
    snackbar.showWithTimeout();

    // Show manually
    snackbar.show();

    // Hide manually
    snackbar.hide();
});

Example