Toggle examples

default

Button like appearance, no change of button text, only changes in visual state. It needs an outer element with an id to use it with its aria-controls to show/hide that outer element.

2 icons

Button like appearance, no change of button text, only changes in icons. It needs an outer element with an id to use it with its aria-controls to show/hide that outer element.

Not Expandible

isExpandible = false. Instead of aria-expanded will use aria-pressed.

Pressed

pressed = true. If pressed is true the toggle is on.

isSwitch

Switch appearance, no change of button text, only changes in visual state. It needs an outer element with an id to use it with its aria-labelledby.

isSwitch pressed

Switch appearance, no change of button text, only changes in visual state. It needs an outer element with an id to use it with its aria-labelledby.

isSwitch small

Switch appearance, no change of button text, only changes in visual state. It needs an outer element with an id to use it with its aria-labelledby.