---
title: "zIndex"
description: "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."
type: "modifier"
---

<div class='type'>Compose Modifier</div>

<a id='references'></a>
<div class='sourceset sourceset-common'>Common</div>


```kotlin
fun Modifier.zIndex(zIndex: Float): Modifier
```


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.



## Code Examples
### ZIndexModifierSample
```kotlin
@Composable
fun ZIndexModifierSample() {
    Box {
        Text("Drawn second", Modifier.zIndex(1f))
        Text("Drawn first")
    }
}
```