Skip to content
Animations

SlideReveal

Slides content into view from a chosen direction when it enters the viewport, with an optional delay.

Preview:
1280px
Slides up
Slides right
Slides left

Props

PropTypeDefaultDescription
direction'left' | 'right' | 'up' | 'down''up'Direction the content slides in from.
delaynumber0Delay in ms before the animation starts.
childrenReactNodeContent to reveal.
classNamestringAdditional CSS class names.