TextReveal
A TextReveal component from the Sigil design system.
Import
import { TextReveal } from "@sigil-ui/components";Preview
Usage
<TextReveal>TextReveal content</TextReveal>Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | — | The text to reveal. |
by | RevealUnit | word | Reveal by word or character. |
interval | number | 60 | Stagger interval between units in ms. |
delay | number | 0 | Base delay in ms. |
trigger | `"scroll" | "mount"` | — |
viewOptions | UseInViewOptions | — | — |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-duration-fast | Duration fast |
--s-ease-out | Ease out |