---
title: "SpatialColumn"
description: "A layout composable that arranges its children in a vertical sequence."
type: "composable"
lastmod: "2026-05-08T01:17:01.373637Z"
---
## API Reference

### SpatialColumn

> Source set: Android

```kotlin
@Composable
@SubspaceComposable
public inline fun SpatialColumn(
    modifier: SubspaceModifier = SubspaceModifier,
    horizontalAlignment: SpatialAlignment.Horizontal = SpatialAlignment.CenterHorizontally,
    depthAlignment: SpatialAlignment.Depth = SpatialAlignment.CenterDepthwise,
    verticalArrangement: SpatialArrangement.Vertical = SpatialArrangement.Center,
    crossinline content: @Composable @SubspaceComposable SpatialColumnScope.() -> Unit,
)
```

A layout composable that arranges its children in a vertical sequence.

For arranging children horizontally, see [SpatialRow](/jetpack-compose/androidx.xr.compose/compose/composable-functions/SpatialRow).

#### Parameters

| | |
| --- | --- |
| modifier | Modifiers to apply to the layout. |
| horizontalAlignment | The default horizontal alignment for child elements within the column. |
| depthAlignment | The default depth alignment for child elements within the column. |
| verticalArrangement | The vertical arrangement of the children. |
| content | The composable content to be laid out vertically. |

### SpatialColumn

> **Deprecated** Use SpatialColumn with horizontalAlignment and depthAlignment instead.

> Source set: Android

```kotlin
@Composable
@SubspaceComposable
public inline fun SpatialColumn(
    modifier: SubspaceModifier = SubspaceModifier,
    alignment: SpatialAlignment,
    verticalArrangement: SpatialArrangement.Vertical = SpatialArrangement.Center,
    crossinline content: @Composable @SubspaceComposable SpatialColumnScope.() -> Unit,
)
```

A layout composable that arranges its children in a vertical sequence.

For arranging children horizontally, see [SpatialRow](/jetpack-compose/androidx.xr.compose/compose/composable-functions/SpatialRow).

#### Parameters

| | |
| --- | --- |
| modifier | Modifiers to apply to the layout. |
| alignment | The default alignment for child elements within the column. |
| verticalArrangement | The vertical arrangement of the children. |
| content | The composable content to be laid out vertically. |

## Code Examples
### SpatialColumnSample
```kotlin
@Composable
public fun SpatialColumnSample() {
    Subspace {
        SpatialColumn(
            horizontalAlignment = SpatialAlignment.CenterHorizontally,
            verticalArrangement = SpatialArrangement.Center,
        ) {
            SpatialPanel(SubspaceModifier.weight(0.3f)) { Text("Top Panel") }
            SpatialPanel(SubspaceModifier.weight(0.3f)) { Text("Middle Panel") }
            SpatialPanel(SubspaceModifier.weight(0.3f)) { Text("Bottom Panel") }
        }
    }
}
```