Modals

{
    "id": "my_modal_title"
    "title": "My Modal Title",
    "description": "This Modal is my Modal. Don't take it away from me!",
    "priority": true,
    "i18n": {
        "de_DE": i18n
    },
    "buttons": Button[]
}

Key	Type	Required	Description
title	string		Title of the modal
description	string		Description of the modal
priority	boolean		Whether a window should be created if none is open
i18n	i18n		Localization for title and description
buttons	Button[]		Buttons

Button data

{
    "label": "Close",
    "style": "btn-red",
    "events": [
        {
            "name": "click",
            "type": "close"
        }
    ]
}

Key	Type	Required	Description
label	string		Label of the button
style	string		CSS class of the button
events	ButtonEvent[]		Buttons

ButtonEvent data

{
    "name": "click",
    "type": "close"
}

Key	Type	Required	Description
name	string		Name of the event listener
type	string		Which action to trigger at (e.g.) "click"
value	string		JS code as string

Use type OR value - not both!

ButtonEvent types

• close

• delete

i18n data

{
    "title": "...",
    "description": "...",
    "buttons": {
        "Close": "..."
    }
}

Key	Type	Required	Description
title	string		Title of the modal
description	string		Description of the modal
buttons	Object		The original label as key and the translated label as value