Multiple toggles

Adding multiple toggles, each with its own state variable

module App
using GenieFramework
@genietools

@app begin
    @out toggle_list = ["red", "green", "yellow"]
    @out toggle_states = []
    @in toggle_name = "toggle"
    @in process = false
    @onchange process begin
        toggle_list = vcat(toggle_list, [toggle_name])
    end
end

@page("/", "multiple-toggles.html")
Server.up()
end

HTML code

<q-input v-model="toggle_name"> </q-input>
<q-btn v-on:click="process = !process">Add toggle</q-btn>
<div v-for="toggle in toggle_list">
        <q-toggle v-model="toggle_states" :label="toggle" :val="toggle"/>
</div>
{{toggle_states}}

source

Mapbox map

Plot a geographical map with Mapbox.

Mutating reactive variables in various contexts

Change the value of a reactive variable tagged with `@in` or `@out` from outside of an `@onchange` block.

Genie