Get Started
Layout

Grid

Definition

Creates fixed or responsive multi-column layouts.

Usage

Use Grid for card galleries, dashboards, and column-based content.

Attributes

  • columns. Fixed number of columns.
  • minColumnWidth. Minimum responsive column width.
  • maxColumns. Maximum responsive column count.
  • repeat. fill or fit.
  • gap. Astryx spacing value.

Children

Any rendered XML content.

Example

xml
<Grid minColumnWidth="240" maxColumns="3" repeat="fit" gap="4">
  <Card><Text value="First" /></Card>
  <Card><Text value="Second" /></Card>
</Grid>