areas property

String? areas
final

Defines named areas of the grid for placement of grid items by name.

This string is similar to grid-template-areas in CSS, as described in https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas, but unlike CSS is a single multiline string.

Can be null, meaning that any grid item placed by name will not appear in the grid.

Example:

LayoutGrid(
  areas: '''
    header header  header
    nav    content aside
    nav    content .
    footer footer  footer
  ''',
)

Implementation

final String? areas;