Hypen Engine WASM Example
Enter Hypen DSL code below and click "Render" to see the patches generated:
Column { Text("Hello, ${state.username}") .fontSize(18) .color(blue) Button("@actions.greet") { Text("Greet") } .padding(16) Row { Text("Count: ${state.count}") Button("@actions.increment") { Text("+") } } } .backgroundColor(white)
Render
Update State
Dispatch Action
Output (Patches):
Click "Render" to generate patches...