docs: import readme into storybook

IATI · Jun 4, 2024 · 9fa2d4f · 9fa2d4f
1 parent 65bf88f
commit 9fa2d4f
Showing 1 changed file with 4 additions and 33 deletions.
diff --git a/src/start.mdx b/src/start.mdx
@@ -1,36 +1,7 @@
-import { Meta, Title } from "@storybook/blocks";
+import { Markdown, Meta, Title } from "@storybook/blocks";
 
-<Meta title="Get Started" />
-
-<Title>IATI Design System</Title>
-
-## Installation
-
-There are multiple ways to use the IATI Design System CSS in your product:
-
-### Option 1: CDN
-
-1. Add a link to the CSS in the `<head>` section of your HTML page:
+import ReadMe from "../README.md?raw";
 
-   ```html
-   <head>
-     <link
-       href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/iati.min.css"
-       rel="stylesheet"
-     />
-   </head>
-   ```
-
-### Option 2: NPM
-
-1. Install the package with NPM:
-
-   ```
-   npm install iati-design-system
-   ```
-
-2. The CSS can be imported from the following location:
+<Meta title="Get Started" />
 
-   ```javascript
-   import "iati-design-system/dist/css/iati.css";
-   ```
+<Markdown>{ReadMe}</Markdown>