Toggle

Usage

The toggle component allows users to toggle a specific option on or off immediately.

Best practices

Do
Use the toggle to immediately activate or deactivate a setting.
Don't
Don’t use the toggle to select options that require explicit save action. Use the checkbox instead.
Do
Use hint to provide additional information about the toggle.
Don't
Don’t hide additional information behind icons or tooltips.
Don't
Don’t use the toggle to select one option from predefined choices. Use radio buttons instead.

Examples

Live Preview

Props

Fetching props...

Events

Fetching events...