chore: Added divider documentation on Docusaurus STC-745 (#182)

micromedio · Feb 7, 2022 · b71dff2 · b71dff2 · github-actions · Feb 7, 2022
1 parent 8a88223
commit b71dff2
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 3 deletions.
diff --git a/website/docs/components/Button.mdx b/website/docs/components/Button.mdx
@@ -137,6 +137,3 @@ Please note the use is focused in custom SVG's or custom icons
 
 - [Button](/docs/apis/button)
 
-
-
-
diff --git a/website/docs/components/Divider.mdx b/website/docs/components/Divider.mdx
@@ -0,0 +1,36 @@
+# Divider
+
+## Component
+
+The Divider component is used as a separator horizontally or vertically.
+
+### Horizontal
+```jsx live
+<div style={{ display: "flex", flexDirection: "column", gap: 8 }}>
+  Item 1
+  <Divider />
+  Item 2
+  <Divider />
+  Item 3
+  <Divider />
+  Item 4
+</div>
+```
+
+### Vertical
+```jsx live
+<div style={{ display: "flex", gap: 8 }}>
+  Item 1
+  <Divider variant="vertical" />
+  Item 2
+  <Divider variant="vertical" />
+  Item 3
+  <Divider variant="vertical" />
+  Item 4
+</div>
+```
+
+## API
+
+- [Divider](/docs/apis/divider)
+
Original file line number	Diff line number	Diff line change
Expand Up		@@ -137,6 +137,3 @@ Please note the use is focused in custom SVG's or custom icons

		- [Button](/docs/apis/button)