No forms, no commitment, no need to know what you want yet. Forty minutes to see whether this feels like a place you could talk.
A paragraph or heading that arrives as one piece, rising a few pixels out of a soft blur when it scrolls into view. The quiet companion to the word stagger, for body copy and descriptions.
The import and the props worth knowing about, in one place.
import { Text9 } from "@/components/beste/component/text9";
<Text9
as="p"
text="Forty minutes to see whether this feels like a place you could talk."
className="text-lg text-muted-foreground"
/>
<Text9 as="h2" text="Still here." trigger="mount" blur={16} y={20} delay={0.4} />Read from the component's own type, so this cannot drift from what it accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
text* | string | — | The text; it arrives as one piece out of a soft blur |
as | "h1" | "h2" | "h3" | "p" | "blockquote" | "div" | — | |
trigger | "view" | "mount" | — | |
delay | number | — | |
duration | number | — | |
blur | number | — | Starting blur in pixels |
y | number | — | Starting offset in pixels |
className | string | — |