Fold Text
Each letter is paper folded along its middle. The halves open flat one by one on view, or crease back on hover.
import { FoldText } from "pleate/effects/fold-text";Unfolds on view
Unfold the plan
Creases on hover
Hover to crease
Props
- text
The text.
string- trigger
Unfold once on view, or fold while hovered.
"view" | "hover"default "view"- stagger
Seconds between letters.
numberdefault 0.04- angle
Fold angle on hover (deg).
numberdefault 70
Accessibility
- Screen readers get the plain text.
- Reduced motion shows the text flat.