sumi

Examples

Each example is a single .sumi component compiled to WebAssembly and running in a terminal below. Click into one to interact, or edit the source and recompile it in your browser.

Counter

A signal drives the count and a derived value shows it doubled. Any key increments.

counter.sumi

Form controls

Checkbox, radio group, and select — each wired to a signal through onchange events, with :checked and :focus styling.

form/app.sumi

Modal dialog

A dialog element that traps focus while open. Enter opens it; Tab moves between the buttons; the choice updates the status.

dialog/app.sumi

Todo list

A keyed {for} list with an {if} branch for the selected row. Any key moves the highlight.

todo/todo.sumi