Gradient Headings

Svelte Component

Generate a gradient-colored heading with customizable tag and gradient direction.

Examples

Skeleton

Usage

You are advised to use semantic heading tags (H1-H6). However, an explicit ARIA attribute of role="heading" has been applied.

html
<GradientHeading tag="h1" direction="bg-gradient-to-r" from="from-primary-500" to="to-accent-500">Skeleton</GradientHeading>