rundis/elm-bootstrap/5.1.0

NOTE: the latest version is 5.2.0

Bootstrap.Form.Checkbox

This module allows you to create Bootstrap styled checkboxes.

Creating

checkbox : List (Option msg) -> String -> Html msg

Create a checkbox element

Checkbox.checkbox
    [ Checkbox.id "myChk"
    , Checkbox.checked True
    , Checkbox.onCheck MyCheckMsg
    ]
custom : List (Option msg) -> String -> Html msg

Create a composable Bootstrap custom styled checkbox

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

Options

id : String -> Option msg

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

NOTE: You have to use this for custom checkboxes.

checked : Bool -> Option msg

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".

disabled : Bool -> Option msg

Option to disable the checkbox

onCheck : (Bool -> msg) -> Option msg

Shorthand for assigning an onCheck handler for a checkbox.

attrs : List (Attribute msg) -> Option msg

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.

type Option msg

Opaque type representing valid customization options for a checkbox