docs: migrate UI docs (#13245)

* docs: create a new UI docs project (#13233) * docs: create a new UI docs project * fix installation errors * docs: migrate UI docs content to new project (#13241) * Fix content * added examples for some components * finish adding examples * lint fix * fix build errors * delete empty files * path fixes + refactor * fix build error
2025-08-20 11:42:25 +03:00
parent 5b7a041246
commit d1a1135328
748 changed files with 13079 additions and 7319 deletions
@@ -0,0 +1,89 @@
+{
+  "description": "This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves",
+  "methods": [],
+  "displayName": "Tabs",
+  "props": {
+    "activationMode": {
+      "description": "Whether a tab is activated automatically or manually.",
+      "required": false,
+      "tsType": {
+        "name": "union",
+        "raw": "\"manual\" \\| \"automatic\"",
+        "elements": [
+          {
+            "name": "literal",
+            "value": "\"manual\""
+          },
+          {
+            "name": "literal",
+            "value": "\"automatic\""
+          }
+        ]
+      }
+    },
+    "defaultValue": {
+      "description": "The value of the tab to select by default, if uncontrolled",
+      "required": false,
+      "tsType": {
+        "name": "string"
+      }
+    },
+    "dir": {
+      "description": "The direction of navigation between toolbar items.",
+      "required": false,
+      "tsType": {
+        "name": "Direction",
+        "elements": [],
+        "raw": "Direction"
+      }
+    },
+    "onValueChange": {
+      "description": "A function called when a new tab is selected",
+      "required": false,
+      "tsType": {
+        "name": "signature",
+        "type": "function",
+        "raw": "(value: string) => void",
+        "signature": {
+          "arguments": [
+            {
+              "name": "value",
+              "type": {
+                "name": "string"
+              },
+              "rest": false
+            }
+          ],
+          "return": {
+            "name": "void"
+          }
+        }
+      }
+    },
+    "orientation": {
+      "description": "The orientation the tabs are layed out.\nMainly so arrow navigation is done accordingly (left & right vs. up & down)",
+      "required": false,
+      "tsType": {
+        "name": "union",
+        "raw": "\"horizontal\" \\| \"vertical\"",
+        "elements": [
+          {
+            "name": "literal",
+            "value": "\"horizontal\""
+          },
+          {
+            "name": "literal",
+            "value": "\"vertical\""
+          }
+        ]
+      }
+    },
+    "value": {
+      "description": "The value for the selected tab, if controlled",
+      "required": false,
+      "tsType": {
+        "name": "string"
+      }
+    }
+  }
+}