Modal Dialogs

[cyk]

• Dialog
• Header
• Header Title
• Body
• Footer
• Footer Button

Example:

<gm::dialog as |dialog|>
    {{#dialog.header as |header|}}
        {{#header.title tagName="h2"}}Use Google's location service?{{/header.title}}
    {{/dialog.header}}
    {{#dialog.body}}
        Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.
    {{/dialog.body}}
    {{#dialog.footer as |footer|}}
        {{#footer.button onclick=dialog.cancel}}Action 1{{/footer.button}}
        {{#footer.button onclick=dialog.accept}}Action 2{{/footer.button}}
    {{/dialog.footer}}
</gm::card>

Reference:
https://material.io/components/web/catalog/dialogs/

Blocked by:

• Glimmer.js component helper (not macro)