diff --git a/.changeset/olive-ravens-smell.md b/.changeset/olive-ravens-smell.md new file mode 100644 index 0000000000..4ae0626d46 --- /dev/null +++ b/.changeset/olive-ravens-smell.md @@ -0,0 +1,7 @@ +--- +'@backstage/ui': patch +--- + +Added `prefers-reduced-motion` support to Tab indicator animations. Users with reduced motion preferences will no longer see sliding transitions on the active and hover indicators. + +**Affected components:** Tabs diff --git a/packages/ui/src/components/Tabs/Tabs.module.css b/packages/ui/src/components/Tabs/Tabs.module.css index 68808ae021..e07bef699f 100644 --- a/packages/ui/src/components/Tabs/Tabs.module.css +++ b/packages/ui/src/components/Tabs/Tabs.module.css @@ -99,4 +99,11 @@ padding-inline: var(--bui-space-2); padding-top: var(--bui-space-4); } + + @media (prefers-reduced-motion: reduce) { + .bui-TabActive, + .bui-TabHovered { + transition: none; + } + } }