ComponentsForm Controls

Slide Toggle

Form Controls components with live demos, API references, and tokens.

Summary

PMatSlideToggle is a native, form-compatible binary switch for independent settings that take effect immediately. It matches the 44 × 24px design while preserving a 48px interaction target.

Use a slide toggle for an immediate On/Off setting. Use Checkbox for selection or acknowledgement, and Radio for mutually exclusive choices.

Common Example

Value: true
HTML

When to Use

Use it for

Immediate settings

  • Notifications, biometrics, visibility, and device features.
  • A single boolean value whose effect is clear from its label.
  • Settings rows where the current state must remain visible.
Avoid it for

Choices requiring confirmation

  • Submitting a form, accepting terms, or selecting list items.
  • Actions that cannot be safely reversed.
  • Multiple options that should use Checkbox or Radio groups.