---
title: "RemoteCollapsibleColumn"
description: "A collapsible column layout that organizes its children vertically."
type: "composable"
lastmod: "2026-08-27"
---
## API Reference

### RemoteCollapsibleColumn

> Source set: Android

```kotlin
@Composable
public fun RemoteCollapsibleColumn(
    modifier: RemoteModifier = RemoteModifier,
    verticalArrangement: RemoteArrangement.Vertical = RemoteArrangement.Top,
    horizontalAlignment: RemoteAlignment.Horizontal = RemoteAlignment.Start,
    content: @Composable RemoteCollapsibleColumnScope.() -> Unit,
)
```

A collapsible column layout that organizes its children vertically.

When available vertical space is insufficient, children are hidden (collapsed) rather than shrunk
or wrapped. Children are hidden based on their
`RemoteCollapsibleColumnScope.collapsiblePriority`, with lower priority items being hidden first.
Children without priority set have the highest priority.

Children can be configured with `RemoteCollapsibleColumnScope.weight` and
`RemoteCollapsibleColumnScope.collapsiblePriority` to control how they behave when the column is
collapsed.

#### Parameters

| | |
| --- | --- |
| modifier | The modifier to apply to this layout. |
| verticalArrangement | The vertical arrangement of the children. |
| horizontalAlignment | The horizontal alignment of the children. |
| content | The children of the column. |

## Code Examples

### RemoteCollapsibleColumnSample

```kotlin
@Sampled
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
@Composable
public fun RemoteCollapsibleColumnSample() {
    // A column with fixed height, children exceed this height.
    RemoteCollapsibleColumn(
        modifier = RemoteModifier.height(150.rdp).width(200.rdp).background(Color.LightGray.rc)
    ) {
        // Child 1: No explicit priority (Default: Float.MAX_VALUE - Highest)
        RemoteBox(
            modifier = RemoteModifier.height(100.rdp).width(200.rdp).background(Color.Red.rc)
        ) {
            RemoteText("Required (Default Priority)".rs)
        }

        // Child 2: Low priority (1f)
        RemoteBox(
            modifier =
                RemoteModifier.collapsiblePriority(1f)
                    .height(100.rdp)
                    .width(200.rdp)
                    .background(Color.Blue.rc)
        ) {
            RemoteText("Low Priority (1f)".rs)
        }

        // Child 3: Medium priority (5f)
        RemoteBox(
            modifier =
                RemoteModifier.collapsiblePriority(5f)
                    .height(100.rdp)
                    .width(200.rdp)
                    .background(Color.Green.rc)
        ) {
            RemoteText("Medium Priority (5f)".rs)
        }
    }
}
```