From 3ef64fb7b38565f6edd6e7dc3347d8112519879b Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Thu, 2 Jun 2022 19:08:44 -0700
Subject: [PATCH] docs(modal): add example "Has scrolling content"

---
 docs/src/pages/components/Modal.svx             |  8 +++++++-
 .../framed/Modal/ModalScrollingContent.svelte   | 17 +++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 docs/src/pages/framed/Modal/ModalScrollingContent.svelte

diff --git a/docs/src/pages/components/Modal.svx b/docs/src/pages/components/Modal.svx
index 1bd4a3bd..1adf6bf9 100644
--- a/docs/src/pages/components/Modal.svx
+++ b/docs/src/pages/components/Modal.svx
@@ -14,13 +14,19 @@
 
 <FileSource src="/framed/Modal/PassiveModal" />
 
+### Has scrolling content
+
+Setting `hasScrollingContent` to `true` increases the vertical space within the modal.
+
+<FileSource src="/framed/Modal/ModalScrollingContent" />
+
 ### Multiple modals
 
 <FileSource src="/framed/Modal/ModalMultiple" />
 
 ### Multiple secondary buttons
 
-Use the `secondaryButtons` prop to render two secondary buttons for a "3-button modal". The prop is a 2-tuple type that supersedes `secondaryButtonText`.
+Use the `secondaryButtons` prop to render two secondary buttons. The prop is a 2-tuple type that supersedes `secondaryButtonText`.
 
 <FileSource src="/framed/Modal/3ButtonModal" />
 
diff --git a/docs/src/pages/framed/Modal/ModalScrollingContent.svelte b/docs/src/pages/framed/Modal/ModalScrollingContent.svelte
new file mode 100644
index 00000000..0b4782fc
--- /dev/null
+++ b/docs/src/pages/framed/Modal/ModalScrollingContent.svelte
@@ -0,0 +1,17 @@
+<script>
+  import { Modal } from "carbon-components-svelte";
+</script>
+
+<Modal 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>