Spiral

The Spiral component displays a spiral between 2 angles.

Live Editor

<Knob size={100} min={0} max={360} multiRotation>
    <Spiral
        arcWidth={5}
        percentFrom={0}
        color="#FC5A96"
        radiusFrom={10}
        radiusTo={30}
    />
</Knob>

Result

Loading...

Properties

Prop	Description
arcWidth	Width of the spiral line. The spiral will expand to the centre.
color	Color of the spiral.
percentFrom	Starting point of the spiral. If unset, percent value of the knob is used.
percentTo	Ending point of the spiral. If unset, percent value of the knob is used.
radiusFrom	Outer radius of the start point of the spiral.
radiusTo	Outer radius of the ending point of the spiral.