Toggle button

Boolean action

Status

Default size

 

True (on)

The setting or feature links to the toggle button is active.

False (off)

The toggle is locked in the "on" or "off" position and the user cannot change its position.

Active

Toggle button can turn something “on” or “off”

Disable

The toggle is locked in the "on" or "off" position and the user cannot change its position.

Read only

The toggle button displays a fixed "on" or "off" state and users can see its status but cannot change it.

 

True (on)

The setting or feature links to the toggle button is active.

False (off)

The toggle is locked in the "on" or "off" position and the user cannot change its position.

Active

Toggle button can turn something “on” or “off”

Disable

The toggle is locked in the "on" or "off" position and the user cannot change its position.

Compact size

 

True (on)

The setting or feature links to the toggle button is active.

False (off)

The toggle is locked in the "on" or "off" position and the user cannot change its position.

Active

Toggle button can turn something “on” or “off”

Disable

The toggle is locked in the "on" or "off" position and the user cannot change its position.

Read only

The toggle button displays a fixed "on" or "off" state and users can see its status but cannot change it.

 

True (on)

The setting or feature links to the toggle button is active.

False (off)

The toggle is locked in the "on" or "off" position and the user cannot change its position.

Active

Toggle button can turn something “on” or “off”

Disable

The toggle is locked in the "on" or "off" position and the user cannot change its position.

 

Animation

On click

When user clicks on toggle button to turn into off/on position, we have an animation: