carbon-components-svelte/docs/src/pages/framed/Modal/DangerModal.svelte
2025-03-24 09:35:34 -07:00

21 lines
451 B
Svelte

<script>
import { Button, Modal } from "carbon-components-svelte";
let open = false;
</script>
<Button kind="danger" on:click={() => (open = true)}>Delete all</Button>
<Modal
danger
bind:open
modalHeading="Delete all instances"
primaryButtonText="Delete"
secondaryButtonText="Cancel"
on:click:button--secondary={() => (open = false)}
on:open
on:close
on:submit
>
<p>This is a permanent action and cannot be undone.</p>
</Modal>