From cb477ae19010d0b769a4418a662546e6b41fcf48 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Wed, 5 Jan 2022 10:38:14 +0100
Subject: [PATCH] Add demo for new style types

---
 docs/modules/Style-manager.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/modules/Style-manager.md b/docs/modules/Style-manager.md
index 03654c4cb..9cc5bb70c 100644
--- a/docs/modules/Style-manager.md
+++ b/docs/modules/Style-manager.md
@@ -483,7 +483,9 @@ The default types should cover most of the common styling properties but in case
 
 In order to add a new type you have to use the `styleManager.addType` API call and indicate all the necessary methods to make it work properly with the editor. Here an example of implementation by using the native `range` input.
 
-```js
+<demo-viewer value="y1mxv6p5" height="500" darkcode/>
+
+<!-- ```js
 const customType = (editor) => {
   editor.StyleManager.addType('my-custom-prop', {
     // Create UI
@@ -530,7 +532,7 @@ grapesjs.init({
     ],
   },
 })
-```
+``` -->
 
 ### Custom Style Manager