Merge pull request #1052 from david-poindexter/dnn-monaco-editor-usage

Implemented `Usage` documentation for `dnn-monaco-editor`
DNNCommunity · May 6, 2024 · fdce5e9 · fdce5e9
2 parents 5cf1cea + 56f158a
commit fdce5e9
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 0 deletions.
diff --git a/packages/stencil-library/src/components/dnn-monaco-editor/readme.md b/packages/stencil-library/src/components/dnn-monaco-editor/readme.md
@@ -5,6 +5,37 @@
 <!-- Auto Generated Below -->
 
 
+## Usage
+
+### HTML
+
+```html
+<dnn-monaco-editor
+    language="html"
+    value="<h1>Hello World</h1>
+        <div class=&quot;card&quot;>
+            <p>Some text</p>
+        </div>"
+>
+</dnn-monaco-editor>
+```
+
+
+### JSX-TSX
+
+```tsx
+<dnn-monaco-editor
+    language="html"
+    value="<h1>Hello World</h1>
+        <div class=&quot;card&quot;>
+            <p>Some text</p>
+        </div>"
+>
+</dnn-monaco-editor>
+```
+
+
+
 ## Properties
 
 | Property   | Attribute  | Description                               | Type                                                                                                                                                                                                                                                                                                                                                                                                                                    | Default     |

diff --git a/packages/stencil-library/src/components/dnn-monaco-editor/usage/HTML.md b/packages/stencil-library/src/components/dnn-monaco-editor/usage/HTML.md
@@ -0,0 +1,10 @@
+```html
+<dnn-monaco-editor
+    language="html"
+    value="<h1>Hello World</h1>
+        <div class=&quot;card&quot;>
+            <p>Some text</p>
+        </div>"
+>
+</dnn-monaco-editor>
+```
diff --git a/packages/stencil-library/src/components/dnn-monaco-editor/usage/JSX-TSX.md b/packages/stencil-library/src/components/dnn-monaco-editor/usage/JSX-TSX.md
@@ -0,0 +1,10 @@
+```tsx
+<dnn-monaco-editor
+    language="html"
+    value="<h1>Hello World</h1>
+        <div class=&quot;card&quot;>
+            <p>Some text</p>
+        </div>"
+>
+</dnn-monaco-editor>
+```