<box>

Layout Wallpaper

Stacking container — children overlap at the specified alignment. `align` controls how the box places itself in its parent (Compose `Modifier.align`); `contentAlignment` controls how children are placed inside the box (Compose `Box(contentAlignment = ...)`).

Example

<box contentAlignment="center" fillMaxSize="true">

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.
`contentAlignment`	`String` `topStarttopCentertopEndcenterStartcentercenterEndbottomStartbottomCenterbottomEnd`	`topStart`	Child placement inside the box (Compose `Box(contentAlignment = ...)`).