Skip to main content
.zIndex(value: number): Component;

Parameters

value
number
The z-index value. Higher values appear in front of lower values.

Support

Usage

Bring to front

Rectangle()
    .fill(Color("red"))
    .zIndex(10)

Send to back

Circle()
    .fill(Color("blue"))
    .zIndex(-1)

Layer ordering

ZStack([
    Rectangle().fill(Color("green")).zIndex(1),
    Circle().fill(Color("red")).zIndex(2),
    Text("Front").zIndex(3)
])