feat(storefront): add stackblitz button to configurator | hj | #3315

porsche-design-system · Jun 24, 2024 · b4b6c74 · b4b6c74
1 parent 8e55d64
commit b4b6c74
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/storefront/src/components/PlaygroundConfigurator.vue b/packages/storefront/src/components/PlaygroundConfigurator.vue
@@ -41,6 +41,13 @@
         :convert-markup="false"
         :theme="theme"
       ></CodeBlock>
+      <CodeEditor
+        :markup="activeFrameworkMarkup"
+        :theme="theme"
+        :dir="dir"
+        :framework="activeFramework"
+        :backgroundColor="backgroundColor"
+      ></CodeEditor>
     </div>
   </div>
 </template>
@@ -227,7 +234,8 @@
       border-top: 1px solid var(--playground-border-color);
     }
 
-    .code-block {
+    .code-block,
+    p-button {
       padding: 0 $pds-spacing-static-large $pds-spacing-static-large;
     }
   }