Text
Text is simply a span with super-power! It accepts variant props like a Button does.
primary secondary success error warning foreground
background
Gradient
Text also accepts an array of variant as the gradient prop. This will render a text with color gradient.
primary → success
primary → secondary → error
warning → success → foreground → secondary → primary
When the variant array only contains 1 element, the 700 and 800 level colors of the variant will be used to create a color gradient.