RadialGradient

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

RadialGradient({
    colors: [Color("white"), Color("black")]
})
.frame({ width: 200, height: 200 })

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

RadialGradient({
    colors: [Color("white"), Color("blue")],
    center: "topTrailing"
})

RadialGradient({
    colors: [Color("blue"), Color("clear")],
    center: "center",
    startRadius: 0,
    endRadius: 150
})

Circle()
    .fill(RadialGradient({
        colors: [Color("yellow"), Color("orange"), Color("red")],
        center: "center",
        startRadius: 10,
        endRadius: 80
    }))
    .frame({ width: 160, height: 160 })

VStack([
    Text("Spotlight").foregroundStyle(Color("white")).font("title")
])
.frame({ width: 300, height: 200 })
.background(RadialGradient({
    colors: [Color("white").opacity(0.3), Color("black")],
    center: "center",
    startRadius: 0,
    endRadius: 200
}))