← All components

<arc>

ContentWallpaper

Arc gauge for circular data visualization.

Example

<arc value="{sun:dayProgress | scale:0:100:0:1}" color="#FFA726" size="48dp" />

Attributes

NameTypeDefaultDescription
valueStringArc progress (0.0–1.0)
colorColorArc color
sizeDpArc diameter
strokeWidthDpArc stroke width
strokeCapString
roundbuttsquare
roundStroke cap.