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
This commit is contained in:
Shahed Nasser
2025-08-20 11:42:25 +03:00
committed by GitHub
parent 5b7a041246
commit d1a1135328
748 changed files with 13079 additions and 7319 deletions
@@ -0,0 +1,6 @@
{
"description": "",
"methods": [],
"displayName": "ProgressTabs.Content",
"props": {}
}
@@ -0,0 +1,6 @@
{
"description": "",
"methods": [],
"displayName": "ProgressTabs.List",
"props": {}
}
@@ -0,0 +1,32 @@
{
"description": "",
"methods": [],
"displayName": "ProgressTabs.ProgressIndicator",
"props": {
"status": {
"required": false,
"tsType": {
"name": "union",
"raw": "\"not-started\" \\| \"in-progress\" \\| \"completed\"",
"elements": [
{
"name": "literal",
"value": "\"not-started\""
},
{
"name": "literal",
"value": "\"in-progress\""
},
{
"name": "literal",
"value": "\"completed\""
}
]
},
"description": "The current status."
}
},
"composes": [
"Omit"
]
}
@@ -0,0 +1,36 @@
{
"description": "",
"methods": [],
"displayName": "ProgressTabs.Trigger",
"props": {
"status": {
"required": false,
"tsType": {
"name": "union",
"raw": "\"not-started\" \\| \"in-progress\" \\| \"completed\"",
"elements": [
{
"name": "literal",
"value": "\"not-started\""
},
{
"name": "literal",
"value": "\"in-progress\""
},
{
"name": "literal",
"value": "\"completed\""
}
]
},
"description": "",
"defaultValue": {
"value": "\"not-started\"",
"computed": false
}
}
},
"composes": [
"Omit"
]
}
@@ -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": "ProgressTabs",
"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"
}
}
}
}