Grid Auto Flow

Control how auto-placed items flow into the grid.

If you have more items than explicit cells, or if you don't place items explicitly, gridAutoFlow controls how they fill the grid.

Values

ValueDescription
RowDefault. Items fill current row, then move to next row.
ColumnItems fill current column, then move to next column.
RowDenseLike Row, but attempts to backfill holes in the grid.
ColumnDenseLike Column, but attempts to backfill holes.

Example

Loading Preview…

Typical Use Cases

  • auto card grids
  • responsive dashboards

API Reference

Next Steps

© 2026 ByteLand Technology Limited