Raxol.UI.Layout.CSSGrid (Raxol v2.0.1)

View Source

CSS Grid layout system for Raxol UI components.

Provides CSS Grid-compatible layout with template rows/columns, grid areas, gaps, alignment properties, auto-placement, and grid line naming.

Usage

%{
  type: :css_grid,
  attrs: %{
    grid_template_columns: "1fr 200px 1fr",
    grid_template_rows: "auto 1fr auto",
    gap: 10
  },
  children: children
}

Summary

Functions

Measures the space needed by a CSS Grid container.

Processes a CSS Grid container, calculating layout for it and its children.

Functions

measure_css_grid(grid, available_space)

Measures the space needed by a CSS Grid container.

process_css_grid(grid, space, acc)

Processes a CSS Grid container, calculating layout for it and its children.