carbon-components-svelte/tests/DangerModal.test.svelte
2020-11-19 14:16:01 -08:00

21 lines
453 B
Svelte

<script lang="ts">
import { Button, Modal } from "../types";
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>