carbon-components-svelte/tests/Modal.test.svelte
2021-07-05 12:36:55 -07:00

22 lines
541 B
Svelte

<script lang="ts">
import { Button, Modal } from "../types";
let open = false;
</script>
<Button on:click="{() => (open = true)}">Create database</Button>
<Modal
bind:open
modalHeading="Create database"
primaryButtonText="Confirm"
secondaryButtons="{[{ text: 'Cancel' }, { text: 'Duplicate' }]}"
secondaryButtonText="Cancel"
on:click:button--secondary="{({ detail }) => (open = false)}"
on:open
on:close
on:submit
on:click:button--primary
>
<p>Create a new Cloudant database in the US South region.</p>
</Modal>