Custom capture checkbox

[SimonLab]

The current checkboxes are defined using the the defaultCheckbox from elm-ui:

However it is possible to customise the checkbox via the icon value:

So we can try to customise this element to make it a bit more obvious on the page

[SimonLab]

The icon value for the checkbox is function which takes a boolean (i.e. checked or not checked) and returns an Element msg. This means that we can use any elm-ui element to represent the icon.
For example with a simple text:

iconCheckbox : Bool -> Element Msg
iconCheckbox checked =
    if checked then
        text "x"

    else
        text "-"

We can then create or find two svg images to represent the checkboxes to match the UI of the application