Merge pull request #6008 from nooras/feat-text-field-component

Add TextField component to the sistent components page #5948
layer5io · Oct 24, 2024 · 7c713a8 · 7c713a8
2 parents ed3b005 + ff800ee
commit 7c713a8
Show file tree

Hide file tree

Showing 8 changed files with 1,410 additions and 0 deletions.
diff --git a/src/components/SistentNavigation/content.js b/src/components/SistentNavigation/content.js
@@ -73,4 +73,19 @@ export const content = [
     link: "/projects/sistent/components/popper/code",
     text: "Popper",
   },
+  {
+    id: 21,
+    link: "/projects/sistent/components/text-field",
+    text: "Text Field",
+  },
+  {
+    id: 22,
+    link: "/projects/sistent/components/text-field/guidance",
+    text: "Text Field",
+  },
+  {
+    id: 23,
+    link: "/projects/sistent/components/text-field/code",
+    text: "Text Field",
+  }
 ];
diff --git a/src/pages/projects/sistent/components/text-field/code.js b/src/pages/projects/sistent/components/text-field/code.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { TextFieldCode } from "../../../../../sections/Projects/Sistent/components/text-field/code";
+
+const TextFieldCodePage = () => {
+  return <TextFieldCode />;
+};
+
+export default TextFieldCodePage;
diff --git a/src/pages/projects/sistent/components/text-field/guidance.js b/src/pages/projects/sistent/components/text-field/guidance.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { TextFieldGuidance } from "../../../../../sections/Projects/Sistent/components/text-field/guidance";
+
+const TextFieldGuidancePage = () => {
+  return <TextFieldGuidance />;
+};
+
+export default TextFieldGuidancePage;
diff --git a/src/pages/projects/sistent/components/text-field/index.js b/src/pages/projects/sistent/components/text-field/index.js
@@ -0,0 +1,8 @@
+import React from "react";
+import SistentTextField from "../../../../../sections/Projects/Sistent/components/text-field";
+
+const SistentTextFieldPage = () => {
+  return <SistentTextField />;
+};
+
+export default SistentTextFieldPage;
diff --git a/src/sections/Projects/Sistent/components/index.js b/src/sections/Projects/Sistent/components/index.js
@@ -44,6 +44,13 @@ const componentsData = [
       "A popper is a tooltip that appears when a user interacts with an element.",
     url: "/projects/sistent/components/popper",
   },
+  {
+    id: 6,
+    name: "Text Field",
+    description:
+      "The TextField component is a versatile input field used to capture user input in forms and user interfaces.",
+    url: "/projects/sistent/components/text-field",
+  }
 ];
 
 const SistentComponents = () => {