mirror of
https://github.com/johndoe6345789/low-code-react-app-b.git
synced 2026-05-01 00:54:55 +00:00
johndoe6345789
982fee43ac
Converts 8 atom components from TSX to JSON-driven architecture: - ActionButton: Action trigger with optional tooltip - ActionCard: Interactive card with icon and description - ActionIcon: Icon mapper for common actions - Alert: Variant-based alert notifications - AppLogo: Branding logo component - Avatar: User profile images with fallbacks - AvatarGroup: Grouped avatar display with overflow - Badge: Status and count indicators Changes: - Created interface files for all 8 components in src/lib/json-ui/interfaces/ - Created JSON definitions in src/components/json-definitions/ - Updated json-components.ts with imports and pure JSON exports - Updated interfaces/index.ts with new exports - Updated json-components-registry.json to mark all as jsonCompatible All components are stateless pure JSON implementations using createJsonComponent. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
19 lines
406 B
JSON
19 lines
406 B
JSON
{
|
|
"id": "app-logo-root",
|
|
"type": "div",
|
|
"props": {
|
|
"className": "w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-gradient-to-br from-primary to-accent flex items-center justify-center shrink-0"
|
|
},
|
|
"children": [
|
|
{
|
|
"id": "app-logo-icon",
|
|
"type": "Code",
|
|
"props": {
|
|
"size": 20,
|
|
"weight": "duotone",
|
|
"className": "text-white sm:w-6 sm:h-6"
|
|
}
|
|
}
|
|
]
|
|
}
|