Back to GradientText
View full API on GradientText
GradientText
Hero heading
Used as a large page heading via the `as` prop.
Build interfaces, faster.
API
| Prop | Type | Default | Description |
|---|---|---|---|
| gradient | "rose" | "sunset" | "candy" | "mono" | rose | Gradient color stops. |
| weight | "normal" | "medium" | "semibold" | "bold" | semibold | Font weight. |
| size | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | md | Font size. |
| as | React.ElementType | span | Render as a different element, e.g. h1. |