Shared assets
Hand-drawn accents
Pen-stroke decorations and a line pattern for headings and callouts: scribble, underlines, arrow, line, circle, sparkle and burst. Strokes use currentColor. Figma: Hand-drawn pen scribble, accents, underlines, arrow, line, Line pattern.
import
{ HandDrawn, Underlined, LinePattern } from "@pepulux/ui"All accents
scribble
underline
underline-wave
arrow
line
circle
sparkle
burst
Underlined headline
Build beautiful products
Line pattern
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| type (HandDrawn) | "scribble" | "underline" | "underline-wave" | "arrow" | "line" | "circle" | "sparkle" | "burst" | "underline" | Accent shape |
| width / strokeWidth | number | 120 / 3 | Rendered size and stroke thickness |
| type (Underlined) | "underline" | "underline-wave" | "line" | "underline" | Stroke drawn under the wrapped text |
| angle / gap / color (LinePattern) | number / number / string | 45 / 14 / var(--n-200) | Stripe direction, spacing and colour |