Added text component

docs/app/docs/components/text/docs/codeUsage.js

@@ -0,0 +1,22 @@
+const code = {
+    javascript: {
+        code: `import Text from "@radui/ui/Text"
+
+const TextExample = () => (
+    <div>
+        <Text>Lorem ipsum</Text>
+    </div>
+)`
+    },
+    css: {
+        code: `.rad-ui-text{
+    font-size: 16px;
+    line-height: 24px;
+}
+
+
+`
+    },
+}
+
+export default code;

docs/app/docs/components/text/page.js

@@ -0,0 +1,25 @@
+const PAGE_NAME = 'TEXT_DOCS'
+import Documentation from "@/components/layout/Documentation/Documentation"
+
+import Text from '@radui/ui/Text'
+import SEO from "../../docsIndex"
+export const metadata = SEO.getMetadata(PAGE_NAME)
+
+import codeUsage from "./docs/codeUsage"
+
+const TextDocs = () => {
+    return <div>
+        <Documentation currentPage={PAGE_NAME} title='Text' description={`
+            Text is used to display customizable text content.
+        `}>
+            <Documentation.ComponentHero codeUsage={codeUsage}>
+                <div className='text-gray-50 p-5 space-y-1'>
+                    <Text>This is an example of the Text component</Text>
+                </div>
+            </Documentation.ComponentHero>
+
+        </Documentation>
+    </div>
+}
+
+export default TextDocs;

docs/components/navigation/Navigation.js

@@ -77,6 +77,11 @@ const sections = [
                 title: "Heading",
                 path: "/docs/components/heading"
             },
+            {
+                title: "Text",
+                path: "/docs/components/text",
+                is_new:true
+            },
             {
                 title: "Kbd",
                 path: "/docs/components/kbd",