search

bcgov / design-system

The B.C. Design System helps public sector design and development teams build consistent, accessible products
https://gov.bc.ca/designsystem
Apache License 2.0
57 stars 38 forks source link

Switch animation obeys prefers-reduced-motion #488

Closed ty2k closed 2 months ago

ty2k commented 2 months ago

This updates the Switch component to add prefers-reduced-motion rules to its transition style rules. This has the effect of removing the animation when a user has set up their browser (or OS) to reduce the amount of motion they see.

See MDN's prefers-reduced-motion User Preferences for instructions on changing this setting to test.

Chrome in macOS with "Reduce motion" turned on: https://github.com/user-attachments/assets/0fde3d9e-203b-4ec1-9f19-21540cc4aeda

Turned off (default): https://github.com/user-attachments/assets/7339dbb6-e00f-4667-9e8e-57304df10eaa