mirror of
https://github.com/johndoe6345789/low-code-react-app-b.git
synced 2026-05-05 10:59:35 +00:00
62 lines
1.3 KiB
JSON
62 lines
1.3 KiB
JSON
{
|
|
"id": "tips-card",
|
|
"type": "Card",
|
|
"bindings": {
|
|
"className": "bg-yellow-500/10 border-yellow-500/20"
|
|
},
|
|
"children": [
|
|
{
|
|
"id": "tips-card-header",
|
|
"type": "CardHeader",
|
|
"children": [
|
|
{
|
|
"id": "tips-card-title",
|
|
"type": "CardTitle",
|
|
"bindings": {
|
|
"className": "flex items-center gap-2"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "Icon",
|
|
"bindings": {
|
|
"name": "warning",
|
|
"weight": "duotone",
|
|
"size": 24,
|
|
"className": "text-yellow-500"
|
|
}
|
|
},
|
|
{
|
|
"type": "Text",
|
|
"bindings": {
|
|
"content": "Quick Tips"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "tips-card-content",
|
|
"type": "CardContent",
|
|
"bindings": {
|
|
"className": "space-y-2 text-sm"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "forEach",
|
|
"source": "tips",
|
|
"condition": "item.show",
|
|
"children": [
|
|
{
|
|
"type": "Text",
|
|
"bindings": {
|
|
"content": "• {item.message}"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|