Examples
Use on settings pages to allow merchants to toggle a setting that has an enabled or a disabled state.
Use to give merchants control over a feature or option that can be turned on or off.
Use on settings pages to allow merchants to toggle a setting that has an enabled or a disabled state.
The setting toggle component is implemented as an HTML <button>
. The current label should convey what happens when the button is pressed.
To learn more about button accessibility, see the button component.
Settings toggles should:
Toggle descriptions should:
The primary buttons for the setting toggle should always say either “Enable” or “Disable” depending on whether the setting can be turned on or off.
For example, if the setting toggle is on, the button should say “Disable” to allow merchants to turn it off. If the setting toggle is off, the button should say “Enable” to allow merchants to turn it on.
Enable
Disable
Turn on
Turn off