mirror of
https://github.com/johndoe6345789/low-code-react-app-b.git
synced 2026-04-25 14:14:57 +00:00
477 lines
11 KiB
JSON
477 lines
11 KiB
JSON
[
|
|
{
|
|
"type": "div",
|
|
"label": "Container",
|
|
"category": "layout",
|
|
"icon": "Square",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "className": "p-4 space-y-2" }
|
|
},
|
|
{
|
|
"type": "section",
|
|
"label": "Section",
|
|
"category": "layout",
|
|
"icon": "SquaresFour",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "className": "space-y-4" }
|
|
},
|
|
{
|
|
"type": "Grid",
|
|
"label": "Grid",
|
|
"category": "layout",
|
|
"icon": "GridFour",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "columns": 2, "gap": 4 }
|
|
},
|
|
{
|
|
"type": "Stack",
|
|
"label": "Stack",
|
|
"category": "layout",
|
|
"icon": "Stack",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "direction": "vertical", "gap": 2 }
|
|
},
|
|
{
|
|
"type": "Flex",
|
|
"label": "Flex",
|
|
"category": "layout",
|
|
"icon": "ArrowsOutLineHorizontal",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "direction": "row", "gap": 2 }
|
|
},
|
|
{
|
|
"type": "Container",
|
|
"label": "Container",
|
|
"category": "layout",
|
|
"icon": "Rectangle",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "maxWidth": "lg" }
|
|
},
|
|
{
|
|
"type": "Card",
|
|
"label": "Card",
|
|
"category": "layout",
|
|
"icon": "Rectangle",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "className": "p-4" }
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"label": "Button",
|
|
"category": "input",
|
|
"icon": "Circle",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "Click me", "variant": "default" }
|
|
},
|
|
{
|
|
"type": "Input",
|
|
"label": "Input",
|
|
"category": "input",
|
|
"icon": "TextT",
|
|
"defaultProps": { "placeholder": "Enter text..." }
|
|
},
|
|
{
|
|
"type": "TextArea",
|
|
"label": "TextArea",
|
|
"category": "input",
|
|
"icon": "TextAlignLeft",
|
|
"defaultProps": { "placeholder": "Enter text...", "rows": 4 }
|
|
},
|
|
{
|
|
"type": "Select",
|
|
"label": "Select",
|
|
"category": "input",
|
|
"icon": "CaretDown",
|
|
"defaultProps": { "placeholder": "Choose option..." }
|
|
},
|
|
{
|
|
"type": "Checkbox",
|
|
"label": "Checkbox",
|
|
"category": "input",
|
|
"icon": "CheckSquare",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "Radio",
|
|
"label": "Radio",
|
|
"category": "input",
|
|
"icon": "Circle",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "Switch",
|
|
"label": "Switch",
|
|
"category": "input",
|
|
"icon": "ToggleLeft",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "Slider",
|
|
"label": "Slider",
|
|
"category": "input",
|
|
"icon": "SlidersHorizontal",
|
|
"defaultProps": { "min": 0, "max": 100, "value": 50 }
|
|
},
|
|
{
|
|
"type": "NumberInput",
|
|
"label": "Number Input",
|
|
"category": "input",
|
|
"icon": "NumberCircleOne",
|
|
"defaultProps": { "placeholder": "0", "min": 0 }
|
|
},
|
|
{
|
|
"type": "Heading",
|
|
"label": "Heading",
|
|
"category": "display",
|
|
"icon": "TextHOne",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "level": 1, "children": "Heading" }
|
|
},
|
|
{
|
|
"type": "Text",
|
|
"label": "Text",
|
|
"category": "display",
|
|
"icon": "Paragraph",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "Text content" }
|
|
},
|
|
{
|
|
"type": "Badge",
|
|
"label": "Badge",
|
|
"category": "display",
|
|
"icon": "Tag",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "Badge", "variant": "default" }
|
|
},
|
|
{
|
|
"type": "Tag",
|
|
"label": "Tag",
|
|
"category": "display",
|
|
"icon": "Tag",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "Tag" }
|
|
},
|
|
{
|
|
"type": "Code",
|
|
"label": "Code",
|
|
"category": "display",
|
|
"icon": "Code",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "code" }
|
|
},
|
|
{
|
|
"type": "Image",
|
|
"label": "Image",
|
|
"category": "display",
|
|
"icon": "Image",
|
|
"defaultProps": { "src": "", "alt": "Image" }
|
|
},
|
|
{
|
|
"type": "Avatar",
|
|
"label": "Avatar",
|
|
"category": "display",
|
|
"icon": "UserCircle",
|
|
"defaultProps": { "src": "", "alt": "Avatar" }
|
|
},
|
|
{
|
|
"type": "Progress",
|
|
"label": "Progress",
|
|
"category": "display",
|
|
"icon": "CircleNotch",
|
|
"defaultProps": { "value": 50 }
|
|
},
|
|
{
|
|
"type": "Spinner",
|
|
"label": "Spinner",
|
|
"category": "display",
|
|
"icon": "CircleNotch",
|
|
"defaultProps": { "size": "md" }
|
|
},
|
|
{
|
|
"type": "Skeleton",
|
|
"label": "Skeleton",
|
|
"category": "display",
|
|
"icon": "Rectangle",
|
|
"defaultProps": { "className": "h-4 w-full" }
|
|
},
|
|
{
|
|
"type": "Separator",
|
|
"label": "Separator",
|
|
"category": "display",
|
|
"icon": "Minus",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "Link",
|
|
"label": "Link",
|
|
"category": "navigation",
|
|
"icon": "Link",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "href": "#", "children": "Link" }
|
|
},
|
|
{
|
|
"type": "Breadcrumb",
|
|
"label": "Breadcrumb",
|
|
"category": "navigation",
|
|
"icon": "CaretRight",
|
|
"canHaveChildren": false,
|
|
"defaultProps": {
|
|
"items": [
|
|
{ "label": "Home", "href": "/" },
|
|
{ "label": "Current" }
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"type": "Alert",
|
|
"label": "Alert",
|
|
"category": "feedback",
|
|
"icon": "Info",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "variant": "info", "children": "Alert message" }
|
|
},
|
|
{
|
|
"type": "InfoBox",
|
|
"label": "Info Box",
|
|
"category": "feedback",
|
|
"icon": "Info",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "type": "info", "children": "Information" }
|
|
},
|
|
{
|
|
"type": "EmptyState",
|
|
"label": "Empty State",
|
|
"category": "feedback",
|
|
"icon": "FolderOpen",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "message": "No items found" }
|
|
},
|
|
{
|
|
"type": "StatusBadge",
|
|
"label": "Status Badge",
|
|
"category": "feedback",
|
|
"icon": "Circle",
|
|
"defaultProps": { "status": "active", "children": "Active" }
|
|
},
|
|
{
|
|
"type": "ErrorBadge",
|
|
"label": "Error Badge",
|
|
"category": "feedback",
|
|
"icon": "WarningCircle",
|
|
"defaultProps": { "count": 3, "variant": "destructive", "size": "md" },
|
|
"props": [
|
|
{
|
|
"name": "count",
|
|
"type": "number",
|
|
"description": "Number of errors to display. Hidden when set to 0.",
|
|
"required": true,
|
|
"supportsBinding": true
|
|
},
|
|
{
|
|
"name": "variant",
|
|
"type": "string",
|
|
"description": "Visual variant for the badge.",
|
|
"defaultValue": "destructive",
|
|
"options": ["default", "destructive"]
|
|
},
|
|
{
|
|
"name": "size",
|
|
"type": "string",
|
|
"description": "Badge size.",
|
|
"defaultValue": "md",
|
|
"options": ["sm", "md"]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Notification",
|
|
"label": "Notification",
|
|
"category": "feedback",
|
|
"icon": "Info",
|
|
"defaultProps": { "type": "info", "title": "Notification", "message": "Details go here." },
|
|
"props": [
|
|
{
|
|
"name": "type",
|
|
"type": "string",
|
|
"description": "Notification style variant.",
|
|
"required": true,
|
|
"options": ["info", "success", "warning", "error"]
|
|
},
|
|
{
|
|
"name": "title",
|
|
"type": "string",
|
|
"description": "Primary notification title.",
|
|
"required": true,
|
|
"supportsBinding": true
|
|
},
|
|
{
|
|
"name": "message",
|
|
"type": "string",
|
|
"description": "Optional supporting message text.",
|
|
"supportsBinding": true
|
|
},
|
|
{
|
|
"name": "className",
|
|
"type": "string",
|
|
"description": "Optional custom classes for spacing or layout tweaks."
|
|
}
|
|
],
|
|
"events": [
|
|
{
|
|
"name": "onClose",
|
|
"description": "Fires when the close button is clicked. Bind to dismiss or trigger an action."
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "StatusIcon",
|
|
"label": "Status Icon",
|
|
"category": "feedback",
|
|
"icon": "CheckCircle",
|
|
"defaultProps": { "type": "saved", "size": 14, "animate": false },
|
|
"props": [
|
|
{
|
|
"name": "type",
|
|
"type": "string",
|
|
"description": "Status icon style.",
|
|
"required": true,
|
|
"supportsBinding": true,
|
|
"options": ["saved", "synced"]
|
|
},
|
|
{
|
|
"name": "size",
|
|
"type": "number",
|
|
"description": "Icon size in pixels.",
|
|
"defaultValue": "14",
|
|
"supportsBinding": true
|
|
},
|
|
{
|
|
"name": "animate",
|
|
"type": "boolean",
|
|
"description": "Applies entry animation when true.",
|
|
"defaultValue": "false",
|
|
"supportsBinding": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "List",
|
|
"label": "List",
|
|
"category": "data",
|
|
"icon": "List",
|
|
"defaultProps": { "items": [], "emptyMessage": "No items" }
|
|
},
|
|
{
|
|
"type": "DataList",
|
|
"label": "Data List",
|
|
"category": "data",
|
|
"icon": "List",
|
|
"defaultProps": {
|
|
"items": ["Daily summary", "New signups", "Pending approvals"],
|
|
"emptyMessage": "No updates",
|
|
"itemClassName": "rounded-md border border-border bg-card/50 px-4 py-2"
|
|
}
|
|
},
|
|
{
|
|
"type": "Table",
|
|
"label": "Table",
|
|
"category": "data",
|
|
"icon": "Table",
|
|
"defaultProps": { "data": [], "columns": [] }
|
|
},
|
|
{
|
|
"type": "DataTable",
|
|
"label": "Data Table",
|
|
"category": "data",
|
|
"icon": "Table",
|
|
"defaultProps": {
|
|
"columns": [
|
|
{ "key": "name", "header": "Name" },
|
|
{ "key": "status", "header": "Status" },
|
|
{ "key": "owner", "header": "Owner" }
|
|
],
|
|
"data": [
|
|
{ "name": "Launch Plan", "status": "In Progress", "owner": "Avery" },
|
|
{ "name": "Design Review", "status": "Scheduled", "owner": "Jordan" },
|
|
{ "name": "QA Checklist", "status": "Done", "owner": "Riley" }
|
|
],
|
|
"emptyMessage": "No records available"
|
|
}
|
|
},
|
|
{
|
|
"type": "KeyValue",
|
|
"label": "Key Value",
|
|
"category": "data",
|
|
"icon": "Equals",
|
|
"defaultProps": { "label": "Key", "value": "Value" }
|
|
},
|
|
{
|
|
"type": "StatCard",
|
|
"label": "Stat Card",
|
|
"category": "data",
|
|
"icon": "ChartBar",
|
|
"defaultProps": { "title": "Metric", "value": "0" }
|
|
},
|
|
{
|
|
"type": "MetricCard",
|
|
"label": "Metric Card",
|
|
"category": "data",
|
|
"icon": "ChartBar",
|
|
"defaultProps": {
|
|
"label": "Active Users",
|
|
"value": "1,248",
|
|
"trend": { "value": 12.4, "direction": "up" }
|
|
}
|
|
},
|
|
{
|
|
"type": "Timeline",
|
|
"label": "Timeline",
|
|
"category": "data",
|
|
"icon": "Clock",
|
|
"defaultProps": {
|
|
"items": [
|
|
{
|
|
"title": "Planning",
|
|
"description": "Finalize milestones",
|
|
"timestamp": "Mon 9:00 AM",
|
|
"status": "completed"
|
|
},
|
|
{
|
|
"title": "Execution",
|
|
"description": "Kick off delivery",
|
|
"timestamp": "Tue 11:00 AM",
|
|
"status": "current"
|
|
},
|
|
{
|
|
"title": "Review",
|
|
"description": "Collect feedback",
|
|
"timestamp": "Wed 3:00 PM",
|
|
"status": "pending"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"type": "DataCard",
|
|
"label": "Data Card",
|
|
"category": "custom",
|
|
"icon": "ChartBar",
|
|
"defaultProps": { "title": "Metric", "value": "100", "icon": "TrendUp" }
|
|
},
|
|
{
|
|
"type": "SearchInput",
|
|
"label": "Search Input",
|
|
"category": "custom",
|
|
"icon": "MagnifyingGlass",
|
|
"defaultProps": { "placeholder": "Search..." }
|
|
},
|
|
{
|
|
"type": "ActionBar",
|
|
"label": "Action Bar",
|
|
"category": "custom",
|
|
"icon": "Toolbox",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "actions": [] }
|
|
}
|
|
]
|