27 lines
440 B
Text
27 lines
440 B
Text
|
-- DreamStack List & Component Example
|
||
|
|
-- Demonstrates for-in reactive lists and reusable components
|
||
|
|
|
||
|
|
let items = [
|
||
|
|
"Learn DreamStack",
|
||
|
|
"Build a reactive app",
|
||
|
|
"Deploy to production"
|
||
|
|
]
|
||
|
|
|
||
|
|
let count = 0
|
||
|
|
|
||
|
|
view main = column [
|
||
|
|
text "Task List"
|
||
|
|
|
||
|
|
for item in items ->
|
||
|
|
row [
|
||
|
|
text item
|
||
|
|
]
|
||
|
|
|
||
|
|
text count
|
||
|
|
button "+" { click: count += 1 }
|
||
|
|
button "-" { click: count -= 1 }
|
||
|
|
|
||
|
|
when count > 5 ->
|
||
|
|
text "You clicked a lot!"
|
||
|
|
]
|