Variable: durations

@arolariu/components

---

@arolariu/components / motion/tokens / durations

Variable: durations

const durations: object

Defined in: motion/tokens.ts:10

Standard motion duration constants in seconds. Aligned with --ac-transition-* CSS custom properties in index.css.

Type Declaration

fast

readonly fast: 0.1 = 0.1

normal

readonly normal: 0.15 = 0.15

slow

readonly slow: 0.2 = 0.2

slower

readonly slower: 0.3 = 0.3

slowest

readonly slowest: 0.5 = 0.5

Example

<motion.div animate={{opacity: 1}} transition={{duration: durations.normal}} />