Switch

Use Switches to provide a quick way to “switch” between enabled and disabled states. Switches are the best components when the user is intended to turn on or off something with an immediate effect.

The best way to check if the Switch component is appropriate is to imagine whether a physical switch would behave the same way.

The Web Component version is keyboard accessible.

New AI Feature!

Try our new AI skill to implement designs easier and faster with guided generation and best-practice patterns. For more info, visit this page.