Beyond Werkstoff

The core UI library for Mayd 2+.

There is an always-up-to-date preview project for this layout here: beyond-werkstoff-preview

Global Status + Modifier Classes

Context Menu

A context menu can be appended to any element by using the data attribute:

<button data-context-menu="{ ... JSON config ...}">Open Context Menu</button>

The element will get the class cm-is-open when the menu is opened.

Global Toasts

The toast manager will pick up global toasts, they need to be structured like this:

<script class="_mayd-toasts-init" type="application/json">
[
    {
        text: "Text",
        type: "positive",   // null, "positive", "negative"
        action: {           // optional
            label: "Text",
            action: "https://mayd.io",
        },           
    }
]
</script>