← 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
valueString—Arc progress (0.0–1.0)
colorColor—Arc color
sizeDp—Arc diameter
strokeWidthDp—Arc stroke width
strokeCapString
roundbuttsquare
roundStroke cap.