---
title: "Column"
description: "A layout composable with [content], which lays its children out in a Column.

By default, the [Column] will size itself to fit the content, unless a [Dimension] constraint has
been provided. When children are smaller than the size of the [Column], they will be placed
within the available space subject to [horizontalAlignment] and [verticalAlignment].

Note for App Widgets: [Column] supports up to 10 child elements. Any additional elements will be
truncated from the output."
type: "composable"
---

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


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

<div class='sourceset sourceset-android'>Android</div>


```kotlin
@Composable
public fun Column(
    modifier: GlanceModifier = GlanceModifier,
    verticalAlignment: Alignment.Vertical = Alignment.Top,
    horizontalAlignment: Alignment.Horizontal = Alignment.Start,
    content: @Composable ColumnScope.() -> Unit,
)
```


A layout composable with `content`, which lays its children out in a Column.

By default, the `Column` will size itself to fit the content, unless a `Dimension` constraint has
been provided. When children are smaller than the size of the `Column`, they will be placed
within the available space subject to `horizontalAlignment` and `verticalAlignment`.

Note for App Widgets: `Column` supports up to 10 child elements. Any additional elements will be
truncated from the output.

#### Parameters

| | |
| --- | --- |
| modifier | The modifier to be applied to the layout. |
| verticalAlignment | The vertical alignment to apply to the set of children, when they do not consume the full height of the `Column` (i.e. whether to push the children towards the top, center or bottom of the `Column`). |
| horizontalAlignment | The horizontal alignment to apply to children when they are smaller than the width of the `Column` |
| content | The content inside the `Column` |