use-prefers-reduced-motion v0.0.1

use-prefers-reduced-motion

pnpm add use-prefers-reduced-motion
npm install use-prefers-reduced-motion
yarn add use-prefers-reduced-motion

React で OS のアニメーション有効/無効を取得できる

React can get OS animation enable/disable.

import { usePrefersReducedMotion } from 'use-prefers-reduced-motion'

cosnt prefersReducedMotion = usePrefersReducedMotion()

return (
  <div style={{ color: prefersReducedMotion ? 'white' : 'red'}}>
    ~~~
  </div>
)