Gradient Heading

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

javascript

import { GradientHeading } from '@brainandbones/skeleton';

Skeleton

Text Tag

Direction

From To

html

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

Prop	Type	Default	Description
tag	string	h1	Define the semantic element tag.
direction	string	bg-gradient-to-r	Provide classes to set gradient direction.
from	string	from-primary-500	Provide classes to set "from" gradient color.
to	string	to-accent-500	Provide classes to set "to" gradient color.

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