Skip to main content
RadialGradient(props?: { colors: Color[]; center?: UnitPoint; startRadius?: number; endRadius?: number }): Gradient;

​
Parameters

​
props
{ colors: Color[]; center?: UnitPoint; startRadius?: number; endRadius?: number }
Radial gradient configuration.

​
Support

​
Usage

​
Basic radial gradient

RadialGradient({
    colors: [Color("white"), Color("black")]
})

​
Gradient with custom center

RadialGradient({
    colors: [Color("yellow"), Color("orange"), Color("red")],
    center: "topTrailing"
})

​
Gradient with custom radius

RadialGradient({
    colors: [Color("blue"), Color("transparent")],
    startRadius: 0,
    endRadius: 100
})

​
Spotlight effect

RadialGradient({
    colors: [Color("white"), Color("black")],
    center: "center",
    startRadius: 0,
    endRadius: 200
})