Stroke Text
The outline of each letter is drawn on, then the letters fill in. Scales with the surrounding font size.
import { StrokeText } from "pleate/effects/stroke-text";Filled and outline only
Drawn by hand
Outline onlyProps
- text
The text.
string- duration / delay
Seconds to draw, and before starting.
numberdefault 1.8 / 0- stroke
Outline color.
stringdefault accent- fill
Fill once drawn; "none" keeps the outline.
stringdefault fg- strokeWidth
In hundredths of the font size.
numberdefault 1.5
Accessibility
- The drawing is hidden from screen readers; they get the text.
- Reduced motion shows the filled text.