Grid

Grid

@Composable
public inline fun Grid(
    noinline config: GridConfigurationScope.() -> Unit,
    modifier: Modifier = Modifier,
    content: @Composable GridScope.() -> Unit,
)

A 2D layout composable that arranges children into a grid of rows and columns.

The Grid allows defining explicit tracks (columns and rows) with various sizing capabilities, including fixed sizes (dp), flexible fractions (fr), percentages, and content-based sizing (Auto).

Key Features:

items are placed outside these defined bounds, or if auto-placement creates new rows/columns, the grid automatically extends using implicit sizing (defaults to Auto).

• Explicit vs. Implicit: You define the main structure via config (explicit tracks). If

proportionally among tracks.

• Flexible Sizing: Use Fr units (e.g., 1.fr, 2.fr) to distribute available space

into the next available cell based on the configured GridFlow. .

• Auto-placement: Items without a specific GridScope.gridItem modifier flow automatically

Example usage:

Parameters