Rerouted (regenerated, verified). Same repository and tag, but GitHub now builds the zip with different bytes, so it no longer matches the SHA-1 package.elm-lang.org recorded. The Lamdera package server serves a copy recovered from https://github.com/aforemny/material-components-web-elm.
What we checked: Tag 6.0.0 is still on github.com/aforemny/material-components-web-elm; its commit fa5f16f0eddc is from 2020-10-08 13:01 UTC, before the version was published (2020-10-08 13:03 UTC); every file Elm uses matches a copy in a Lamdera package cache from 2021-02-13, from before the change; elm.json is byte-identical to package.elm-lang.org's; the exposed modules match docs.json; the zip's SHA-1 is not the published one (GitHub's zip no longer comes out byte for byte the same), so the contents were checked instead.
The Lamdera compiler uses this copy and prints a one-line notice saying so. elm itself fails to download this version.
Details · package.elm-lang.org's zip: https://github.com/aforemny/material-components-web-elm/zipball/6.0.0/
Checkboxes allow the user to select one or more items from a set.
Note that checkboxes are usually used in conjunction with form fields. Refer to FormField for more information.
import Material.Checkbox as Checkbox
type Msg
= Changed
main =
Checkbox.checkbox
(Checkbox.config
|> Checkbox.setState (Just Checkbox.unchecked)
|> Checkbox.setOnChange Changed
)Default configuration of a checkbox
Specify a message when the user changes a checkbox
State of a checkbox
Specify a checkbox' state
A checkbox may be in checked, unchecked or indeterminate state.
Specify whether a checkbox is disabled
Disabled checkboxes cannot be interacted with and have no visual interaction effect.
Specify whether touch support is enabled (enabled by default)
Touch support is an accessibility guideline that states that touch targets should be at least 48 x 48 pixels in size. Use this configuration option to disable increased touch target size.
Note: Checkboxes with touch support will be wrapped in a HTML div element to prevent potentially overlapping touch targets on adjacent elements.
Specify additional attributes
Checkbox view function
To set the state of a checkbox, use its setState configuration option.
Checkbox.checkbox
(Checkbox.config
|> Checkbox.setState (Just Checkbox.checked)
)Checked state
Unchecked state
To set the state of a checkbox, use its setState configuration option.
Checkbox.checkbox
(Checkbox.config
|> Checkbox.setState (Just Checkbox.indeterminate)
)Indeterminate state
To disable a checkbox, use its setDisabled configuration option. Disabled
checkboxes cannot be interacted with and have no visual interaction effect.
Checkbox.checkbox
(Checkbox.config |> Checkbox.setDisabled True)You may programatically focus a checkbox by assigning an id attribute to it and
use Browser.Dom.focus.
Checkbox.checkbox
(Checkbox.config
|> Checkbox.setAttributes
[ Html.Attributes.id "my-checkbox" ]
)Touch support is enabled by default. To disable touch support set a checkbox'
setTouch configuration option to False.
Checkbox.checkbox
(Checkbox.config |> Checkbox.setTouch False)
Configuration of a checkbox