---
title: "RemoteCollapsibleRow"
description: "A collapsible row layout that organizes its children horizontally."
type: "composable"
lastmod: "2026-08-27"
---
## API Reference

### RemoteCollapsibleRow

> Source set: Android

```kotlin
@Composable
public fun RemoteCollapsibleRow(
    modifier: RemoteModifier = RemoteModifier,
    horizontalArrangement: RemoteArrangement.Horizontal = RemoteArrangement.Start,
    verticalAlignment: RemoteAlignment.Vertical = RemoteAlignment.Top,
    content: @Composable RemoteCollapsibleRowScope.() -> Unit,
)
```

A collapsible row layout that organizes its children horizontally.

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

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

#### Parameters

| | |
| --- | --- |
| modifier | The modifier to apply to this layout. |
| horizontalArrangement | The horizontal arrangement of the children. |
| verticalAlignment | The vertical alignment of the children. |
| content | The children of the row. |

## Code Examples

### RemoteCollapsibleRowSample

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

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

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