Add Divider and Progress Link docs

Author: bendera

src/components/examples/divider/BasicExample.astro

@@ -0,0 +1,25 @@
+<p>
+  Praesent ultrices mauris lectus, eu molestie erat lacinia vitae. Phasellus
+  vestibulum pellentesque ligula malesuada sollicitudin. Vivamus vitae erat eget
+  nulla laoreet porttitor. Nullam sit amet leo et velit molestie maximus.
+  Vestibulum arcu leo, tempor nec pretium id, vehicula id odio. Etiam ultricies
+  ligula dolor, in tincidunt nunc maximus at. Curabitur tincidunt nulla in magna
+  pharetra commodo. Donec vestibulum mollis quam, ut consequat dolor finibus ac.
+  Nulla suscipit ac sem non fringilla. Nullam eros ante, suscipit hendrerit
+  molestie a, tempor nec turpis. Morbi eget erat suscipit, blandit nibh nec,
+  molestie augue. Aenean consectetur dapibus mauris, eget ultricies sapien
+  porttitor nec.
+</p>
+<vscode-divider></vscode-divider>
+<p>
+  Praesent ultrices mauris lectus, eu molestie erat lacinia vitae. Phasellus
+  vestibulum pellentesque ligula malesuada sollicitudin. Vivamus vitae erat eget
+  nulla laoreet porttitor. Nullam sit amet leo et velit molestie maximus.
+  Vestibulum arcu leo, tempor nec pretium id, vehicula id odio. Etiam ultricies
+  ligula dolor, in tincidunt nunc maximus at. Curabitur tincidunt nulla in magna
+  pharetra commodo. Donec vestibulum mollis quam, ut consequat dolor finibus ac.
+  Nulla suscipit ac sem non fringilla. Nullam eros ante, suscipit hendrerit
+  molestie a, tempor nec turpis. Morbi eget erat suscipit, blandit nibh nec,
+  molestie augue. Aenean consectetur dapibus mauris, eget ultricies sapien
+  porttitor nec.
+</p>

src/components/examples/divider/Imports.astro

@@ -0,0 +1,3 @@
+<script>
+  import "@vscode-elements/elements/dist/vscode-divider/index.js";
+</script>

src/components/examples/progress-ring/BasicExample.astro

@@ -0,0 +1 @@
+<vscode-progress-ring></vscode-progress-ring>

src/components/examples/progress-ring/Imports.astro

@@ -0,0 +1,3 @@
+<script>
+  import "@vscode-elements/elements/dist/vscode-progress-ring/index.js";
+</script>

src/content/api/divider.mdx

@@ -0,0 +1,9 @@
+---
+title: Divider
+tagName: vscode-divider
+---
+
+
+import ApiDocs from '@components/ApiDocs/ApiDocs.astro';
+
+<ApiDocs element="vscode-divider" />

src/content/api/progress-ring.mdx

@@ -0,0 +1,8 @@
+---
+title: Progress Ring
+tagName: vscode-progress-ring
+---
+
+import ApiDocs from '@components/ApiDocs/ApiDocs.astro';
+
+<ApiDocs element="vscode-progress-ring" />

src/content/components/divider.mdx

@@ -0,0 +1,26 @@
+---
+title: Divider
+---
+
+import Demo from "@components/Demo.astro";
+import BasicExample from "@components/examples/divider/BasicExample.astro";
+import Imports from "@components/examples/divider/Imports.astro";
+
+<Imports />
+
+## Basic example
+
+<Demo>
+  <BasicExample />
+  <Fragment slot="html">
+    ```html
+    <p>
+      Praesent ultrices mauris ...
+    </p>
+    <vscode-divider></vscode-divider>
+    <p>
+      Praesent ultrices mauris ...
+    </p>
+    ```
+  </Fragment>
+</Demo>

src/content/components/progress-ring.mdx

@@ -0,0 +1,20 @@
+---
+title: Progress Ring
+---
+
+import Demo from "@components/Demo.astro";
+import Imports from "@components/examples/progress-ring/Imports.astro";
+import BasicExample from "@components/examples/progress-ring/BasicExample.astro";
+
+<Imports />
+
+## Basic example
+
+<Demo>
+  <BasicExample />
+  <Fragment slot="html">
+    ```html
+    <vscode-progress-link></vscode-progress-link>
+    ```
+  </Fragment>
+</Demo>