Skip to content

Grid Span

@astryxdesign/core v0.7.1 · GridSpan

Props ​

PropTypeDefaultDescription
columnsnumber | 'full'—Number of columns to span, rendered as grid-column: span N. 'full' renders grid-column: 1 / -1, which spans the row whatever the column count is.
rowsnumber—Number of rows to span, rendered as grid-row: span N.

Leave both out and the item keeps a single cell.

Slots ​

  • default: the content of the spanning item.

Template ref ​

GridSpan exposes element. Its type is HTMLDivElement | null.

Native attributes ​

The root element receives HTML attributes, aria-* attributes, data-* attributes, class, and style. class is merged with the component's own classes. When style and columns or rows both set the same property, the props win.