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/
Radio buttons allow the user to select one option from a set while seeing all available options.
Note that radio buttons are usually used in conjunction with form fields.
import Material.Radio as Radio
type Msg
= Changed
main =
Radio.radio
(Radio.config
|> Radio.setChecked True
|> Radio.setOnChange Changed
)Specify a message when the user changes a radio
Specify whether a radio button is checked
Specify whether a radio button is disabled
Disabled radio buttons 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: Radios with touch support will be wrapped in a HTML div element to prevent potentially overlapping touch targets on adjacent elements.
Specify additional attributes
To make a radio button display its checked state, set its setChecked
configuration option to True.
Radio.radio (Radio.config |> Radio.setChecked True)To disable a radio button, set its setDisabled configuration option to True.
Disabled radio buttons cannot be interacted with and have no visual interaction effect.
Radio.radio (Radio.config |> Radio.setDisabled True)You may programatically focus a radio button by assigning an id attribute to it
and use Browser.Dom.focus.
Radio.radio
(Radio.config
|> Radio.setAttributes
[ Html.Attributes.id "my-radio" ]
)Touch support is enabled by default. To disable touch support set a radio's
setTouch configuration option to False.
Radio.radio (Radio.config |> Radio.setTouch False)
Radio button configuration