Change Details

Forked from the original filing of this request, as that went in a different direction. :-(

[[ https://design.wikimedia.org/style-guide/components/toggle-switches.html | Current designs for ToggleSwitch ]] include a label on the "off" side of the switch. However, sometimes it would be helpful to have separate labels for the "off" side and the "on" side, plus a label for the switch itself. Consider the controls for configurable demos on the Codex docs site: Examples: **ToggleSwitch in Button demo, with disabled prop turned off** {F34962143} **ToggleSwitch in Button demo, with disabled prop turned on** {F34962145} --- We should consider how we might add on/off labels to this use case in a way that is semantic and accessible, and how we might enable this within the ToggleSwitch component itself for other use cases.

Forked from the original filing of this request[[ https://design.wikimedia.org/style-guide/components/toggle-switches.html | Current designs for ToggleSwitch ]] include a label on the "off" side of the switch. However, sometimes it would be helpful to have separate labels for the "off" side and the "on" side, plus a label for the switch itself. Consider the controls for configurable demos on the Codex docs site: Examples: **ToggleSwitch in Button demo, with disabled prop turned off** {F34962143} **ToggleSwitch in Button demo, as that went in a different direction.with disabled prop turned on** {F34962145} --- We should consider how we might add on/off labels to this use case in a way that is semantic and accessible, :-(and how we might enable this within the ToggleSwitch component itself for other use cases.