ComponentsEffects
Gradient text
A phrase painted as a per-glyph colour ramp
Usage
import { GradientText } from "@gpuixui/components/gradient-text";
<GradientText text="Native by default" />;
// Own the colours.
<GradientText text="Fast by design" from="#7C5CFF" to="#24C6A8" role="h2" />;API
| Prop | Type | Default |
|---|---|---|
text | string (required) | — |
from | string | theme foreground |
to | string | theme primary |
role | TextRole | "display" |
level | MotionLevel | "slow" |
className | string | — |
style | StateStyle<GradientTextState> | — |
Edit this page on GitHubpackages/components/docs/gradient-text.mdx