Provide one or more color stops that start with values that range from
100%. A stop of
0% starts at the top middle, then additional values are added in a clock-wise direction.
This data can be reactive, but be sure to adhere to standard Svelte requirements when updating arrays.
By enabling the
legend property, a small table of values will appear below the conic gradient.
spin property to implement a spinning animation automatically. Try pairing with a smooth gradient by
providing gaps between when a color stop ends and when the next begins. This will automatically blend.
Use the Tailwind rotate utility
classes with the
regionCone property to change the starting axis position.