Gradient
Gradient design tokens define the colors and direction of a gradient used as a background or other visual element in a user interface.
string
-
$t-a-gradient-brand-direction
| Name | Value | Description | |
|---|---|---|---|
| $t-a-gradient-brand-direction | to right | The direction of the gradient |
color
-
$t-a-gradient-brand-start-value
-
$t-a-gradient-brand-end-value
| Name | Value | Description | |
|---|---|---|---|
| $t-a-gradient-brand-start-value | #0070a8 | The start value of the gradient | |
| $t-a-gradient-brand-end-value | #01324b | The end value of the gradient |
Help improve this page
If you’ve got a question, idea or suggestion about how to improve this component or guidance, post in the #ask-elements Slack channel.