Skip to main content
AngularGradient(props?: { colors: Color[]; center?: UnitPoint; startAngle?: number; endAngle?: number }): Gradient;

​
Parameters

​
props
{ colors: Color[]; center?: UnitPoint; startAngle?: number; endAngle?: number }
Angular gradient configuration.

​
Support

​
Usage

​
Basic angular gradient

AngularGradient({
    colors: [Color("red"), Color("yellow"), Color("green"), Color("blue"), Color("purple")]
})

​
Gradient with custom center

AngularGradient({
    colors: [Color("orange"), Color("pink")],
    center: "topLeading"
})

​
Partial sweep gradient

AngularGradient({
    colors: [Color("blue"), Color("purple")],
    startAngle: 0,
    endAngle: 180
})

​
Full rainbow gradient

AngularGradient({
    colors: [
        Color("red"),
        Color("orange"),
        Color("yellow"),
        Color("green"),
        Color("blue"),
        Color("purple")
    ],
    center: "center"
})