30:[] 2e:{"title":"Toggle Input / Observable Inputs","cells":[{"id":0,"value":"

Toggle Input / Observable Inputs

\n\n# Input: Toggle\n\nA Toggle allows the user to choose one of two values, representing on or off. A Toggle is a specialized form of [Checkbox](/@observablehq/input-checkbox).","pinned":false,"hidden":false,"mode":"md"},{"id":6,"value":"md`The initial value of a Toggle defaults to false. You can override this by specifying the *value* option.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"viewof mute = Inputs.toggle({label: \"Mute\", value: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"mute","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"md`The on and off values of a Toggle can be changed with the *values* option which defaults to [true, false].`","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"viewof binary = Inputs.toggle({label: \"Binary\", values: [1, 0]})","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"binary","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"md`The *label* can be either a text string or an HTML element. This allows more control over the label’s appearance, if desired.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"viewof fancy = Inputs.toggle({label: html`Fancy`})","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"fancy","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"md`A Toggle can be disabled to prevent its value from being changed.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"viewof frozen = Inputs.toggle({label: \"Frozen\", value: true, disabled: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"frozen","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}