Gradient Headings

Svelte Component

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

Import

Package

Source

Docs

Skeleton

Text Tag

Direction

From To

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>