Angular Material - Switches
Represent an immediate on/off setting with a clearly labeled switch.
How it works
A switch communicates a binary setting that takes effect immediately. Use a concise label that describes the enabled state, expose its checked state accessibly, and do not substitute it for a choice that requires form submission or has more than two values.
Practical checklist
- Confirm whether the application uses AngularJS Material 1.x or modern Angular Material for Angular v2+.
- Use meaningful labels, keyboard-accessible interactions, and visible focus states.
- Test responsive behavior, validation, and assistive-technology output.
- Review dependency support and security before maintaining a legacy deployment.
Further reading: Tutorialspoint: Angular Material - Switches · AngularJS Material legacy documentation · Current Angular Material documentation.
Back to course overview · Previous: Angular Material - Swipe · Next: Angular Material - Themes