1.0.0 • Published 2 years ago
@ks-web-components/ks-grid v1.0.0
ks-grid
This component should be used with the Grid Item Component. It allows users to render content in a fixed grid by specifying coordinates and sizes.
Usage
npm install @ks-web-components/ks-gridLive Example
Attributes
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
| columns | columns | number | 12 | The number of columns |
| dense | dense | bool | false | If true, grid items will fill gaps in the grid |
| gap | gap | number | 10 | The gap between grid items in pixels |
| rowHeight | row-height | number | 16 | The height of each grid row in pixels |
Slots
| Name | Description |
|---|---|
| default slot | The content of the component, see Grid Item |
Events
| Name | type | Description |
|---|---|---|
| onbreakpointchange | Event | The active responsive breakpoint of the grid has changed |