Sequential Reveal

A component that reveals content sequentially with a staggered animation.

Installation

Import the component from the passport-ui package.

components/example.tsx
1
import { SequentialReveal } from "passport-ui";

Usage

Basic example showing how to use the component.

components/example.tsx
1
2
3
4
5
<SequentialReveal>
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</SequentialReveal>

Additional resources

Documentation and examples are available in Storybook.