# corejam-grid



<!-- Auto Generated Below -->


## Properties

| Property            | Attribute             | Description | Type                                                 | Default     |
| ------------------- | --------------------- | ----------- | ---------------------------------------------------- | ----------- |
| `autoFlow`          | `auto-flow`           |             | `"column" \| "column-dense" \| "row" \| "row-dense"` | `undefined` |
| `cols`              | `cols`                |             | `"auto" \| number`                                   | `undefined` |
| `colsEnd`           | `cols-end`            |             | `"auto" \| number`                                   | `undefined` |
| `colsStart`         | `cols-start`          |             | `"auto" \| number`                                   | `undefined` |
| `gap`               | `gap`                 |             | `number`                                             | `undefined` |
| `gapCol`            | `gap-col`             |             | `number`                                             | `undefined` |
| `gapRow`            | `gap-row`             |             | `number`                                             | `undefined` |
| `grid`              | --                    |             | `Boolean`                                            | `true`      |
| `h`                 | --                    |             | `String`                                             | `undefined` |
| `lgAutoFlow`        | `lg-auto-flow`        |             | `"column" \| "column-dense" \| "row" \| "row-dense"` | `undefined` |
| `lgCols`            | `lg-cols`             |             | `"auto" \| number`                                   | `undefined` |
| `lgColsEnd`         | `lg-cols-end`         |             | `"auto" \| number`                                   | `undefined` |
| `lgColsStart`       | `lg-cols-start`       |             | `"auto" \| number`                                   | `undefined` |
| `lgGap`             | `lg-gap`              |             | `number`                                             | `undefined` |
| `lgGapCol`          | `lg-gap-col`          |             | `number`                                             | `undefined` |
| `lgGapRow`          | `lg-gap-row`          |             | `number`                                             | `undefined` |
| `lgRows`            | `lg-rows`             |             | `"auto" \| "none" \| number`                         | `undefined` |
| `lgRowsEnd`         | `lg-rows-end`         |             | `"auto" \| number`                                   | `undefined` |
| `lgRowsStart`       | `lg-rows-start`       |             | `"auto" \| number`                                   | `undefined` |
| `lgTemplateColumns` | `lg-template-columns` |             | `"none" \| number`                                   | `undefined` |
| `lgTemplateRows`    | `lg-template-rows`    |             | `"none" \| number`                                   | `undefined` |
| `mdAutoFlow`        | `md-auto-flow`        |             | `"column" \| "column-dense" \| "row" \| "row-dense"` | `undefined` |
| `mdCols`            | `md-cols`             |             | `"auto" \| number`                                   | `undefined` |
| `mdColsEnd`         | `md-cols-end`         |             | `"auto" \| number`                                   | `undefined` |
| `mdColsStart`       | `md-cols-start`       |             | `"auto" \| number`                                   | `undefined` |
| `mdGap`             | `md-gap`              |             | `number`                                             | `undefined` |
| `mdGapCol`          | `md-gap-col`          |             | `number`                                             | `undefined` |
| `mdGapRow`          | `md-gap-row`          |             | `number`                                             | `undefined` |
| `mdRows`            | `md-rows`             |             | `"auto" \| "none" \| number`                         | `undefined` |
| `mdRowsEnd`         | `md-rows-end`         |             | `"auto" \| number`                                   | `undefined` |
| `mdRowsStart`       | `md-rows-start`       |             | `"auto" \| number`                                   | `undefined` |
| `mdTemplateColumns` | `md-template-columns` |             | `"none" \| number`                                   | `undefined` |
| `mdTemplateRows`    | `md-template-rows`    |             | `"none" \| number`                                   | `undefined` |
| `rows`              | `rows`                |             | `"auto" \| "none" \| number`                         | `undefined` |
| `rowsEnd`           | `rows-end`            |             | `"auto" \| number`                                   | `undefined` |
| `rowsStart`         | `rows-start`          |             | `"auto" \| number`                                   | `undefined` |
| `smAutoFlow`        | `sm-auto-flow`        |             | `"column" \| "column-dense" \| "row" \| "row-dense"` | `undefined` |
| `smCols`            | `sm-cols`             |             | `"auto" \| number`                                   | `undefined` |
| `smColsEnd`         | `sm-cols-end`         |             | `"auto" \| number`                                   | `undefined` |
| `smColsStart`       | `sm-cols-start`       |             | `"auto" \| number`                                   | `undefined` |
| `smGap`             | `sm-gap`              |             | `number`                                             | `undefined` |
| `smGapCol`          | `sm-gap-col`          |             | `number`                                             | `undefined` |
| `smGapRow`          | `sm-gap-row`          |             | `number`                                             | `undefined` |
| `smRows`            | `sm-rows`             |             | `"auto" \| "none" \| number`                         | `undefined` |
| `smRowsEnd`         | `sm-rows-end`         |             | `"auto" \| number`                                   | `undefined` |
| `smRowsStart`       | `sm-rows-start`       |             | `"auto" \| number`                                   | `undefined` |
| `smTemplateColumns` | `sm-template-columns` |             | `"none" \| number`                                   | `undefined` |
| `smTemplateRows`    | `sm-template-rows`    |             | `"none" \| number`                                   | `undefined` |
| `templateColumns`   | `template-columns`    |             | `"none" \| number`                                   | `undefined` |
| `templateRows`      | `template-rows`       |             | `"none" \| number`                                   | `undefined` |
| `xlAutoFlow`        | `xl-auto-flow`        |             | `"column" \| "column-dense" \| "row" \| "row-dense"` | `undefined` |
| `xlCols`            | `xl-cols`             |             | `"auto" \| number`                                   | `undefined` |
| `xlColsEnd`         | `xl-cols-end`         |             | `"auto" \| number`                                   | `undefined` |
| `xlColsStart`       | `xl-cols-start`       |             | `"auto" \| number`                                   | `undefined` |
| `xlGap`             | `xl-gap`              |             | `number`                                             | `undefined` |
| `xlGapCol`          | `xl-gap-col`          |             | `number`                                             | `undefined` |
| `xlGapRow`          | `xl-gap-row`          |             | `number`                                             | `undefined` |
| `xlRows`            | `xl-rows`             |             | `"auto" \| "none" \| number`                         | `undefined` |
| `xlRowsEnd`         | `xl-rows-end`         |             | `"auto" \| number`                                   | `undefined` |
| `xlRowsStart`       | `xl-rows-start`       |             | `"auto" \| number`                                   | `undefined` |
| `xlTemplateColumns` | `xl-template-columns` |             | `"none" \| number`                                   | `undefined` |
| `xlTemplateRows`    | `xl-template-rows`    |             | `"none" \| number`                                   | `undefined` |


## Dependencies

### Used by

 - [corejam-modal](../Modal)

### Graph
```mermaid
graph TD;
  corejam-modal --> corejam-grid
  style corejam-grid fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*
