Components
AngularGradient
AngularGradient sweeps color stops around a center point.
AngularGradient sweeps color stops around a center point.
Examples
Example
Preview unavailable for this example in the static docs build.
Show code
<AngularGradient center="center" endAngle={360} startAngle={0} stops={[
{ color: '#ff9f0a', location: 0 },
{ color: '#ff375f', location: 0.35 },
{ color: '#5e5ce6', location: 0.7 },
{ color: '#30d158', location: 1 },
]} style={{
borderRadius: '999px',
height: '220px',
width: '220px',
}}></AngularGradient>API
| Prop | Type | Required | Description |
|---|---|---|---|
center | IUnitPoint | No | No description yet. |
startAngle | number | No | No description yet. |
endAngle | number | No | No description yet. |
stops | IGradientStop[] | Yes | No description yet. |
Inherits additional props from IBaseComponent.
Overview
AngularGradient sweeps color stops around a center point.
SwiftUI Correspondence: Mirrors SwiftUI's AngularGradient with stops, center, startAngle, and endAngle.