Add stackblitz preview embeds

ngeenx · Oct 2, 2024 · 21d6650 · 21d6650
1 parent 301a16a
commit 21d6650
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 4 deletions.
diff --git a/docs/docs/angular/loaders.mdx b/docs/docs/angular/loaders.mdx
@@ -6,9 +6,20 @@ sidebar_position: 2
 
 **[⚡️ Play on StackBlitz](https://stackblitz.com/edit/nx-angular-svg-loaders-demo)**
 
+<iframe src="https://stackblitz.com/edit/nx-angular-svg-loaders-demo?embed=1&file=src/main.ts&hideExplorer=1&hideNavigation=1&view=preview" style={
+  {
+    width: '100%',
+    height: '500px',
+    border: '0',
+    borderRadius: '4px',
+    border: '1px solid rgba(0,0,0,.125)',
+    overflow: 'hidden'
+  }
+}></iframe>
+
 import { loaderTypes } from "./../../../libs/utils/nx-svg-shared-utils/src/index";
 
-Available loader types:
+## Available loader types:
 
 <ul>
   {

diff --git a/docs/docs/react/loaders.mdx b/docs/docs/react/loaders.mdx
@@ -6,9 +6,20 @@ sidebar_position: 2
 
 **[⚡️ Play on StackBlitz](https://stackblitz.com/edit/nx-react-svg-loaders-demo)**
 
+<iframe src="https://stackblitz.com/edit/nx-react-svg-loaders-demo?embed=1&file=src/App.tsx&hideExplorer=1&hideNavigation=1&view=preview" style={
+  {
+    width: '100%',
+    height: '500px',
+    border: '0',
+    borderRadius: '4px',
+    border: '1px solid rgba(0,0,0,.125)',
+    overflow: 'hidden'
+  }
+}></iframe>
+
 import { loaderTypes } from "./../../../libs/utils/nx-svg-shared-utils/src/index";
 
-Available loader types:
+## Available loader types:
 
 <ul>
   {

diff --git a/docs/docs/svelte/loaders.mdx b/docs/docs/svelte/loaders.mdx
@@ -6,9 +6,20 @@ sidebar_position: 2
 
 **[⚡️ Play on StackBlitz](https://stackblitz.com/edit/nx-svelte-svg-loaders-demo)**
 
+<iframe src="https://stackblitz.com/edit/nx-svelte-svg-loaders-demo?embed=1&file=src/App.svelte&hideExplorer=1&hideNavigation=1&view=preview" style={
+  {
+    width: '100%',
+    height: '500px',
+    border: '0',
+    borderRadius: '4px',
+    border: '1px solid rgba(0,0,0,.125)',
+    overflow: 'hidden'
+  }
+}></iframe>
+
 import { loaderTypes } from "./../../../libs/utils/nx-svg-shared-utils/src/index";
 
-Available loader types:
+## Available loader types:
 
 <ul>
   {

diff --git a/docs/docs/vue/loaders.mdx b/docs/docs/vue/loaders.mdx
@@ -6,9 +6,20 @@ sidebar_position: 2
 
 **[⚡️ Play on StackBlitz](https://stackblitz.com/edit/nx-vue-svg-loaders-demo)**
 
+<iframe src="https://stackblitz.com/edit/nx-vue-svg-loaders-demo?embed=1&file=src/App.vue&hideExplorer=1&hideNavigation=1&view=preview" style={
+  {
+    width: '100%',
+    height: '500px',
+    border: '0',
+    borderRadius: '4px',
+    border: '1px solid rgba(0,0,0,.125)',
+    overflow: 'hidden'
+  }
+}></iframe>
+
 import { loaderTypes } from "./../../../libs/utils/nx-svg-shared-utils/src/index";
 
-Available loader types:
+## Available loader types:
 
 <ul>
   {