Column

@Composable



fun Column(
    modifier: Modifier = Modifier, 
    verticalArrangement: Arrangement.Vertical = Arrangement.Top, 
    horizontalAlignment: Alignment.Horizontal = Alignment.Start, 
    content: @Composable



 () -> Unit
)

A layout composable that arranges its children in a vertical sequence from top to bottom.

Children are measured sequentially and their heights subtracted from the available space. Use verticalArrangement to control spacing and placement along the main axis, and horizontalAlignment to align children along the cross axis.

Example

Column(
    verticalArrangement = Arrangement.spacedBy(8),
    horizontalAlignment = Alignment.CenterHorizontally,
) {
    Text(Component.literal("Title"))
    Text(Component.literal("Subtitle"))
}

Parameters

• modifier: Modifiers applied to the Column node.

• verticalArrangement: Controls spacing and placement along the vertical axis.

• horizontalAlignment: Controls alignment of children along the horizontal axis.

• content: The child composables to lay out in a column.