New Compose Multiplatform components arrived on Composables UICheck it out →

Modifier in Compose Ui



Creates a modifier that controls the drawing order for the children of the same layout parent. A child with larger [zIndex] will be drawn on top of all the children with smaller [zIndex]. When children have the same [zIndex] the original order in which the parent placed the children is used.

Note that if there would be multiple [zIndex] modifiers applied for the same layout the sum of their values will be used as the final zIndex. If no [zIndex] were applied for the layout then the default zIndex is 0.

Last updated:


dependencies {


fun Modifier.zIndex(zIndex: Float)

Code Example


fun ZIndexModifierSample() {
    Box {
        Text("Drawn second", Modifier.zIndex(1f))
        Text("Drawn first")