Skip to main content
LinearGradient(props?: { colors?: Color[]; startPoint?: UnitPoint; endPoint?: UnitPoint }): Gradient;

​
Parameters

​
props
{ colors?: Color[]; startPoint?: UnitPoint; endPoint?: UnitPoint }
Gradient configuration.

​
Support

​
Usage

​
Basic gradient

LinearGradient({
    colors: [Color("red"), Color("blue")]
})

​
Gradient with custom direction

LinearGradient({
    colors: [Color("yellow"), Color("orange")],
    startPoint: "topLeading",
    endPoint: "bottomTrailing"
})

​
Multi-color gradient

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