fix: missing Playground tags around example

City-of-Helsinki · Dec 18, 2024 · 73563b9 · 73563b9
1 parent d8a4e94
commit 73563b9
Showing 1 changed file with 13 additions and 11 deletions.
diff --git a/site/src/docs/components/link/index.mdx b/site/src/docs/components/link/index.mdx
@@ -40,17 +40,19 @@ These links are the default link variant. Inline links are used within a sentenc
 
 The underlining helps differentiate them from the text they are placed next to and makes it clear users can interact with them. Inline links should not be used on their own.
 
-<p style={{ fontSize: '14px' }}>
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
-  aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-  <Link
-    href="https://github.com/City-of-Helsinki/helsinki-design-system"
-    external
-    openInExternalDomainAriaLabel="Opens a different website"
-  >HDS Github</Link>
-  consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-</p>
+<PlaygroundPreview>
+  <div style={{ fontSize: '14px' }}>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+    <Link
+      href="https://github.com/City-of-Helsinki/helsinki-design-system"
+      external
+      openInExternalDomainAriaLabel="Opens a different website"
+    >HDS Github</Link>
+    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+  </div>
+</PlaygroundPreview>
 
 ---