Modals

[neb42]

A modal is an element that blocks interaction with the rest of the application. This can be a dialog, a drawer, a menu, etc.

My current thinking is that they should be treated like pages, introducing a new element type:
type: 'page' | 'widget' | 'customComponentInstance | 'modal';

A new event type is added open-modal and close-modal or toggle-modal. This will similarly to navigate-page.

When a modal is opened the page will not change and the modal will be rendered over it.

Components will receive a new closeModal prop that will close the parent modal.

Should we support nested modals?

[neb42]

Should a modal have config? Similar to a custom component, but set at the event.

[neb42]

Single instace (eg. modal or drawer) vs multiple instances (eg. toast). Config option.