Grid Span
@astryxdesign/core v0.7.1 · GridSpan
Props
| Prop | Type | Default | Description |
|---|---|---|---|
columns | number | '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. |
rows | number | — | 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.