TwigcnBundle

Dialog

A modal dialog that interrupts the user with important content.

Default

Edit Profile

Make changes to your profile here. Click save when you're done.

Alert Dialog

Are you absolutely sure?

This action cannot be undone. This will permanently delete your account and remove your data from our servers.

With Form

Create Project

Add a new project to your workspace.

Usage

<twig:Button onclick="document.getElementById('my-dialog').showModal()">
    Open Dialog
</twig:Button>

<twig:Dialog id="my-dialog">
    <header>
        <h2>Dialog Title</h2>
        <p>Dialog description text.</p>
    </header>
    <section>
            </section>
    <footer>
        <twig:Button variant="outline" onclick="document.getElementById('my-dialog').close()">
            Cancel
        </twig:Button>
        <twig:Button>Confirm</twig:Button>
    </footer>
</twig:Dialog>

<twig:Dialog id="alert-dialog" :closeOnBackdrop="false">
    ...
</twig:Dialog>