Merge pull request #47 from frontendweb3/docs

update the Docs #48

Author: officialrajdeepsingh

docs/public/alert.png

@@ -7,7 +7,8 @@ import {
   IconHighlight,
   IconSpace,
   IconBlockquote,
-  IconAlertCircle,
+  IconAlertCircle
+  
 } from "@tabler/icons-react"
 
 The Section Theme integrates additional built-in components based on mantine UI. Components help you style your blog.
@@ -33,5 +34,10 @@ The Section Theme integrates additional built-in components based on mantine UI.
     title="Tabs"
     href="/docs/Built-ins/Tabs"
   />
+  <Card
+      icon={ <IconSpace /> }
+  title="Space"
+      href="/docs/Built-ins/Tabs"
+   />
 </Cards>
 

docs/public/icons.png

@@ -1,5 +1,7 @@
 # Alert
 
+![alert component](/alert.png)
+
 Section blog theme comes with Alert component, Alert component built with [shadcn/ui](https://ui.shadcn.com/docs/components/alert)
 
 ## Example

docs/public/separator.png

@@ -1,5 +1,7 @@
 # Icons
 
+![icons component](/icons.png)
+
 The section blog theme provides icons to use with the Alert component.
 
 ## Example

docs/public/space.png

@@ -1,5 +1,7 @@
 # Separator
 
+![separator component](/separator.png)
+
 You can add Separator component inside your MDX file. The Separator component is built with [Shadcn/ui](https://ui.shadcn.com/docs/components/separator).
 
 ## Example

docs/public/tabs.png

@@ -0,0 +1,26 @@
+# Space
+
+![Space component](/space.png)
+
+You can add space between two element inside your MDX file. The Space component is 
+
+## Example
+
+```javascript
+
+<Space />
+
+```
+## How to use it?
+
+```javascript
+
+import { Separator } from "section-blog-theme/components"
+
+<Space />
+
+// xs | sm | md | lg | xl | 2xl 
+
+<Space h={'xs'} />
+
+```