carbon-components-svelte/docs/src/pages/framed/Modal/ModalScrollingContent.svelte
Eric Liu c804761ad2 docs: do not open modals initially
Open modals can steal the document focus.
2022-06-02 19:22:37 -07:00

21 lines
675 B
Svelte

<script>
import { Button, Modal } from "carbon-components-svelte";
let open = false;
</script>
<Button on:click="{() => (open = true)}">Create database</Button>
<Modal bind:open passiveModal modalHeading="About Cloudant" hasScrollingContent>
<p>
Cloudant is a fully managed, distributed database optimized for heavy
workloads and fast-growing web and mobile apps, IBM Cloudant is available as
an IBM Cloud® service with a 99.99% SLA.
</p>
<br />
<p>
The database elastically scales throughput and storage, and its API and
replication protocols are compatible with Apache CouchDB for hybrid or
multicloud architectures.
</p>
</Modal>