Short text whose characters arrive one by one out of a light blur, for eyebrows, labels and single words. The element keeps the whole string as its accessible name.
The import and the props worth knowing about, in one place.
import { Text3 } from "@/components/beste/component/text3";
<Text3
as="p"
text="Therapy and coaching, Lisbon"
className="text-sm uppercase tracking-[0.25em] text-muted-foreground"
/>
<Text3 text="Altair" as="span" trigger="mount" stagger={0.05} className="font-serif text-6xl" />Read from the component's own type, so this cannot drift from what it accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
text* | string | — | Short text; every character arrives on its own |
as | "h1" | "h2" | "h3" | "p" | "span" | — | |
trigger | "view" | "mount" | — | |
delay | number | — | |
stagger | number | — | |
duration | number | — | |
className | string | — |