Transitions

Composable animation helpers — Fade, Slide, Zoom, Collapse. Wrap any element to add entrance/exit animations.

import{ Fade, Slide, Zoom, Collapse } from "@pepulux/ui"

Fade

Fading content

Slide

Sliding content

Zoom

Zooming content

Collapse

Collapsing content — height animates smoothly

Props

PropTypeDefaultDescription
in*booleanWhen true, enters; when false, exits
timeoutnumber200Animation duration in ms
unmountOnExitbooleanfalseRemove from DOM after exit animation
children*ReactNodeContent to animate