← All components

<polar>

Layout Wallpaper

Radial layout — places children at equal angular intervals on a circle of the given ring radius. Powers astrolabes, clock faces, and radial menus.

Example

<polar ringRadius="140dp" rotateChildren="outward">

Attributes

Name Type Default Description
gap Dp Space between children
padding Dp Inner padding (single or top/right/bottom/left)
background Color Background color
gradient String Gradient brush: linear(...), radial(...), sweep(...)
opacity Float 1.0 Container opacity (0.0–1.0)
radius Dp Corner radius
align String
startcenterendstretchtopStarttopCentertopEndcenterStartcenterEndbottomStartbottomCenterbottomEnd
start Cross-axis alignment (column/row) or self-alignment within parent (box).
justify String
startcenterendspaceBetweenspaceAroundspaceEvenly
start Main-axis distribution.
fillMaxWidth Boolean false Fill available width
fillMaxHeight Boolean false Fill available height
flex Float Flex weight for parent distribution
rotate Float Rotation in degrees (clockwise)
scale String Uniform scale factor, or 'sx,sy' for axis-specific
offset String Translation 'x,y' in dp or % (e.g. '8dp,-4dp' or '10%,0%')
blur Dp Blur radius (Dp) applied to the element and its children
animate String Animation preset shorthand, e.g. "pulse:2s", "breathe:4s", "spin:8s", "bob:3s:8dp", "sway:4s:6", "fade:3s:0.3:1", "shimmer:2s". Reads the shared animation clock so all animated elements stay phase-locked.
ringRadius Dp 100dp Distance from center to each child's center (distinct from common 'radius' = corner radius)
startAngle Float -90 Angle of the first child in degrees (-90 = 12 o'clock)
sweep Float 360 Total angular span in degrees (360 closes the loop)
direction String
cwccw
cw Winding direction.
rotateChildren String
outwardinwardtangent
Auto-rotate each child (`outward` is also accepted as `true`).