Element: #081 Basic and destructive (feedback/alert-dialog) What it shows: Two alert dialogs, a plain sign out confirmation and a destructive project delete, with an event log below. When to use: Asking the user to confirm an interrupting action such as signing out or deleting a project. Spec: - Sign out dialog: `bind:open={signOutOpen}`, `confirmLabel="Sign out"`, `onconfirm` and `oncancel` handlers - Delete dialog: `bind:open={deleteOpen}`, `confirmLabel="Delete"`, `destructive` flag, only `onconfirm` - Triggers are `` and `` - Handlers call `push('Signed out')`, `push('Sign out cancelled')` and `push('Project deleted')` - Log keeps the latest four entries with `slice(0, 4)` in a `

` Tags: alert-dialog, confirm, destructive, sign-out, delete, dialog Needs: @codeatlasdev/ui@4.4.0 Components: AlertDialog, Button Live demo: https://ui.codeatlas.com.br/docs/feedback/alert-dialog#basic-and-destructive

(signOutOpen = true)}> {#snippet leading()}{/snippet} Sign out (deleteOpen = true)}> {#snippet leading()}{/snippet} Delete project push('Signed out')} oncancel={() => push('Sign out cancelled')} /> push('Project deleted')} /> {#if log.length}

{#each log as entry, i (i + entry)}
• {entry}
{/each}

{/if}