- Phase 1: Component parser + codegen (emit_component_decl, emit_component_use, emit_match) - Phase 2: 6 registry components (button, input, card, badge, dialog, toast) - Phase 3: dreamstack add CLI with dependency resolution and --list/--all - Phase 4: dreamstack convert TSX→DS transpiler with --shadcn GitHub fetch - Phase 5: 120+ lines variant CSS (buttons, badges, cards, dialog, toast, input) - New example: showcase.ds demonstrating all component styles
10 lines
300 B
Text
10 lines
300 B
Text
-- DreamStack Dialog Component
|
|
-- Modal with overlay, title, and close button
|
|
|
|
import { Button } from "./button"
|
|
|
|
export component Dialog(title, open, onClose) =
|
|
column [
|
|
text title { class: "ds-dialog-title" }
|
|
Button { label: "Close", onClick: onClose }
|
|
] { class: "ds-dialog-content" }
|