Components
MotionPreset
Wraps content in a named enter/exit animation preset like fadeIn or slideInRight.
MotionPreset is a thin Framer Motion wrapper that applies a named
enter/animate/exit transition so you don't hand-write variants. Choose a
preset (fadeIn default, fadeInUp, scaleIn, or slideInRight) and
optionally set duration in seconds. It forwards motion.div props, so combine
it with AnimatePresence for mount/unmount transitions. It respects reduced
motion via the app-level MotionConfig reducedMotion="user".
Example
Preview
Motion preset wrapper
import { MotionPreset } from '@officina/ui';
<MotionPreset preset="fadeInUp" duration={0.3}>
<Card>Revealed on mount</Card>
</MotionPreset>;API
| Prop | Type | Default | Description |
|---|---|---|---|
| duration | number | 0.25 | Animation duration in seconds. Defaults to 0.25. |
| preset | enum | fadeIn | Named animation preset (fadeIn, slideUp, …). Defaults to "fadeIn". |