---
title: "Spacer"
description: "Component that represents an empty space layout, whose size can be defined using
[Modifier.width], [Modifier.height] and [Modifier.size] modifiers."
type: "composable"
---

<div class='type'>Composable Function</div>


<a id='references'></a>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
@Composable
fun Spacer(modifier: Modifier)
```


Component that represents an empty space layout, whose size can be defined using
`Modifier.width`, `Modifier.height` and `Modifier.size` modifiers.

#### Parameters

| | |
| --- | --- |
| modifier | modifiers to set to this spacer |





## Code Examples
### SpacerExample
```kotlin
@Composable
fun SpacerExample() {
    Row {
        Box(Modifier.size(100.dp).background(Color.Red))
        Spacer(Modifier.width(20.dp))
        Box(Modifier.size(100.dp).background(Color.Magenta))
        Spacer(Modifier.weight(1f))
        Box(Modifier.size(100.dp).background(Color.Black))
    }
}
```