LetterPullUp
A LetterPullUp component from the Sigil design system.
import { LetterPullUp } from "@sigil-ui/components";
<LetterPullUp>LetterPullUp content</LetterPullUp>
| Prop | Type | Default | Description |
|---|
text | string | — | The text to animate. |
interval | number | 30 | Stagger between letters in ms. |
delay | number | 0 | Base delay in ms. |
pullDistance | number | 24 | Pull distance in pixels. |
trigger | `"scroll" | "mount"` | — |
viewOptions | UseInViewOptions | — | — |
| CSS Variable | Purpose |
|---|
--s-duration-fast | Duration fast |
--s-ease-default | Ease default |
--s-duration-normal | Duration normal |