Files
low-code-react-app-b/src/components/json-definitions/dropdown-menu.json
johndoe6345789 f4f046604d feat: migrate Tier 3 atoms batch 2 - Breadcrumb through ContextMenu (6 components)
Completed JSON migration for 6 atomic components:
- Breadcrumb: Navigation breadcrumb with configurable items
- Button: Interactive button with icons, loading, and full width support
- Calendar: Date picker using shadcn/ui Calendar
- Card: Container with variants (default, bordered, elevated, flat) and padding options
- Checkbox: Checkbox control with indeterminate state and size variants
- ContextMenu: Right-click context menu with nested submenu support

Changes:
- Created interface definitions in src/lib/json-ui/interfaces/
- Created JSON definitions in src/components/json-definitions/
- Exported all components from src/lib/json-ui/json-components.ts
- Updated json-components-registry.json with conversion metadata
- All components are pure stateless JSON (no hooks required)
- Build verified successful with no new TypeScript errors

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-01-21 01:34:33 +00:00

45 lines
970 B
JSON

{
"id": "dropdown-menu-root",
"type": "DropdownMenu",
"children": [
{
"id": "dropdown-menu-trigger",
"type": "DropdownMenuTrigger",
"bindings": {
"asChild": true
},
"children": [
{
"id": "dropdown-trigger-content",
"type": "slot",
"slot": "trigger",
"defaultContent": {
"id": "trigger-button",
"type": "Button",
"bindings": {
"variant": "ghost",
"size": "sm",
"children": "data.triggerLabel || 'Menu'"
}
}
}
]
},
{
"id": "dropdown-menu-content",
"type": "DropdownMenuContent",
"bindings": {
"align": "data.align || 'end'",
"side": "data.side || 'bottom'"
},
"children": [
{
"id": "dropdown-menu-items",
"type": "slot",
"slot": "children"
}
]
}
]
}