From f59daa20a2cb29252504ab891f28ee05d2dc0c22 Mon Sep 17 00:00:00 2001
From: metonym <ericyl.us@gmail.com>
Date: Wed, 29 Jun 2022 11:49:23 -0700
Subject: [PATCH] docs: specify minimum Svelte version requirement

---
 README.md                   |  2 ++
 docs/src/pages/index.svelte | 12 ++++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 003757a5..f6579eee 100644
--- a/README.md
+++ b/README.md
@@ -31,6 +31,8 @@ Other forms of documentation are auto-generated:
 
 Install `carbon-components-svelte` as a development dependency.
 
+A minimum Svelte version of 3.48.0 is required to use this library.
+
 ```sh
 # Yarn
 yarn add -D carbon-components-svelte
diff --git a/docs/src/pages/index.svelte b/docs/src/pages/index.svelte
index 5dc4726b..d439f9f1 100644
--- a/docs/src/pages/index.svelte
+++ b/docs/src/pages/index.svelte
@@ -12,6 +12,7 @@
     OutboundLink,
     RadioButtonGroup,
     RadioButton,
+    InlineNotification,
   } from "carbon-components-svelte";
   import TileCard from "../components/TileCard.svelte";
   import { theme } from "../store";
@@ -89,8 +90,15 @@
       </Column>
     </Row>
     <Row style="margin-bottom: var(--cds-layout-02)">
-      <Column>
-        <h3>Installation</h3>
+      <Column max="{10}" xlg="{10}">
+        <h3 style="margin-top: var(--cds-layout-02)">Installation</h3>
+        <InlineNotification
+          style="max-width: calc(48rem - 1rem);"
+          kind="info"
+          subtitle="A minimum Svelte version of 3.48.0 is required to use this library."
+          lowContrast
+          hideCloseButton
+        />
       </Column>
     </Row>
     <Row style="margin-bottom: var(--cds-layout-02)">