Reveal Effect Example 2

1import { RevealEffect } from "@/registry/react/atlasui/reveal-effect";
2 
3export const RevealEffectDelayExample = () => {
4  return (
5    <div className="flex flex-col items-center space-y-2">
6      <RevealEffect speed="fast">
7        <p className="text-xl font-semibold">I&apos;m First.</p>
8      </RevealEffect>
9 
10      <RevealEffect delay={0.2}>
11        <p className="text-xl font-semibold">I was delayed by 0.2 seconds.</p>
12      </RevealEffect>
13 
14      <RevealEffect delay={0.5}>
15        <p className="text-xl font-semibold">I was delayed by 0.5 seconds.</p>
16      </RevealEffect>
17    </div>
18  );
19};