Динамические изменения стиля

Стиль элемента может изменяться динамически. Атрибут style должен быть привязан к реактивной переменной, в которой хранится вся информация о стиле. При изменении этой переменной будет меняться стиль в браузере.

using GenieFramework

@app begin
    @in recording = false
    @out card_color = "white"
    @onchange recording begin
        card_color = join(["background-color: ", recording ? "red" : "white"])
        @show recording
    end
end

ui() = [card("text goes here", var":style"="card_color"), btn("Record", @click("recording =! recording"))]
@page("/", ui)
up()

Источник