Nri.Ui.Checkbox.V6

Patch changes

Use Nri.Ui.Svg.V1 rather than a custom Icon type specific to this module
Make the filter ids within the svg unique (now the id depends on the checkbox identifier)
Explicitly box-sizing content-box on the label (https://github.com/NoRedInk/NoRedInk/pull/30886#issuecomment-737854831)

Changes from V5:

Adds containerCss
Adds enabledLabelCss
Adds disabledLabelCss

type alias Model msg =

{ identifier : String

, label : String

, setterMsg : Bool -> msg

, selected : IsSelected

, disabled : Bool

, theme : Theme

, containerCss : List Style

, enabledLabelCss : List Style

, disabledLabelCss : List Style

}

type Theme

= Square

| Locked

type IsSelected

= Selected

| NotSelected

| PartiallySelected

= Selected --  Checked (rendered with a checkmark)
| NotSelected -- Not Checked (rendered blank)
| PartiallySelected -- Indeterminate (rendered dash)

view : Model msg -> Html msg

Shows a checkbox (the label is only used for accessibility hints)

viewWithLabel : Model msg -> Html msg

Shows a checkbox and its label text

selectedFromBool : Bool -> IsSelected

If your selectedness is always selected or not selected, you will likely store that state as a Bool in your model. selectedFromBool lets you easily convert that into an IsSelected value for use with Nri.Ui.Checkbox.

viewIcon : List Style -> Svg -> Html msg

checkboxLockOnInside : String -> Svg

NoRedInk/noredink-ui/20.3.0

Nri.Ui.Checkbox.V6

Patch changes

Changes from V5:

Modules