mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
25 lines
585 B
Svelte
25 lines
585 B
Svelte
<script lang="ts">
|
|
import { Button, Modal } from "carbon-components-svelte";
|
|
|
|
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 }) => {
|
|
console.log(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>
|