Skip to main content

Arc

Displays a colored arc.

component Arc
import { Arc } from ui

export var main = Arc(
  color: Color(0xFFFF5F52),
  angle: Angle(degrees: 270),
  thickness: 9,
)

Arc Example

Constructor​

color: Color​

The fill color.

See Color

angle: Angle = Angle(degrees: 360.0)​

The span. A positive value rotates clockwise.

start_angle: Angle = Angle(degrees: 0.0)​

Offsets the start. A positive value rotates clockwise. Zero degrees is at 3 o'clock.

thickness: Float = 4.0​

The line width.

Layout Behavior​

Fills the smaller dimension of the available area to preserve its aspect ratio. If the available area is smaller than the minimum size needed to draw the arc, it will clip to its minimum and overflow the available area.