{#snippet children()} {#snippet children()}

This is the dialog content. You can put any content here.

{/snippet} {/snippet}

{#snippet children()} {#snippet children()}

Your account settings form would go here.

{/snippet} {/snippet}

{#snippet children()} {#snippet children()}

Are you sure you want to proceed with this action?

{/snippet} (withFooterOpen = false)} primaryAction={{ label: 'Confirm', onclick: () => (withFooterOpen = false) }} /> {/snippet}

{#snippet children()} {#snippet children()}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint.

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus.

{/snippet} (longContentOpen = false)} primaryAction={{ label: 'Accept', onclick: () => (longContentOpen = false) }} /> {/snippet}

{#snippet children()} {#snippet children()}

Name

Email

{/snippet} (formOpen = false)} primaryAction={{ label: 'Save Changes', onclick: () => (formOpen = false) }} /> {/snippet}

{#snippet children()} {#snippet children()}

Are you sure you want to delete this item? This action cannot be undone and all associated data will be permanently removed.

{/snippet} (confirmOpen = false)} primaryAction={{ label: 'Delete', onclick: () => (confirmOpen = false), destructive: true }} /> {/snippet}