Gradient Text
Apply a token-colored gradient to text.
Preview
Import
import { GradientText } from "@sigil-ui/components";Usage
<GradientText>Gradient text example</GradientText>Props
| Prop | Type | Default | Description |
|---|---|---|---|
colors | string[] | [ | Gradient colors. var(--s-primary)","var(--s-accent,#ec4899)","var(--s-primary)"] |
duration | number | 4 | Animation duration in seconds. |
animate | boolean | true | Whether the gradient animates. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-primary | Primary |
--s-accent | Accent |