From 2c7d97cf62fa5ce5189097431b03d61e303cd512 Mon Sep 17 00:00:00 2001 From: CTNicholas <33033422+CTNicholas@users.noreply.github.com> Date: Sat, 20 Apr 2024 23:12:40 +0100 Subject: [PATCH] feat: Disable for reduced motion --- src/pages/docs/scroll-behavior.mdx | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/pages/docs/scroll-behavior.mdx b/src/pages/docs/scroll-behavior.mdx index a82a3c7c9..afc223bd7 100644 --- a/src/pages/docs/scroll-behavior.mdx +++ b/src/pages/docs/scroll-behavior.mdx @@ -23,6 +23,16 @@ Use the `scroll-smooth` utility to enable smooth scrolling within an element. ``` +### Disabling for prefers reduced motion + +Use the [`motion-reduce`](/docs/hover-focus-and-other-states#prefers-reduced-motion) modifier to disable smooth scrolling for users that prefer reduced motion. + +```html + + + +``` + --- ## Applying conditionally