Create a checkbox element

Checkbox.checkbox
    [ Checkbox.id "myChk"
    , Checkbox.checked True
    , Checkbox.onCheck MyCheckMsg
    ]
    "My checkbox"

Create a composable Bootstrap custom styled checkbox

Checkbox.custom
    [ Checkbox.id "myCustomChk"
    , Checkbox.checked True
    , Checkbox.onCheck MyCheckMsg
    ]
    "My Custom Checkbox"

Create a label for a checkbox when using advancedCheckbox or advancedCustom

Checkbox.label [ style "font-size" "24px" ] [ div [ class "disclaimer" ] [ text "My disclaimer" ] ]

Create a checkbox element with customized label

Checkbox.advancedCheckbox
    [ Checkbox.id "myChk"
    , Checkbox.checked True
    , Checkbox.onCheck MyCheckMsg
    ]
    (Checkbox.label [ class "mylabelclass" ] [ text "Hello" ])

Create a custom bootstrap styled checkbox element with customized label

Checkbox.advancedCustom
    [ Checkbox.id "myChk"
    , Checkbox.checked True
    , Checkbox.onCheck MyCheckMsg
    ]
    (Checkbox.label [ class "mylabelclass" ] [ text "Hello" ])

Opaque type representing a Checkbox label.

Set the id for the checkbox. Will automatically set the for attribute for the label

NOTE: You have to use this for custom checkboxes.

Option to toggle the checkbox checked property on off.

Use this option to display checkboxes inline.

Option to set the indeterminate property of a checkbox

Note: A checkbox can't be both indeterminate and checked, so if you set both the last one provided in the list of options to the checkbox function "wins".

Option to disable the checkbox

Shorthand for assigning an onCheck handler for a checkbox.

Use this function to handle any Html.Attribute option you wish for your select

Option to color a checkbox with success.

Option to color a checkbox with danger.

Opaque type representing valid customization options for a checkbox