# GridColumn

:::tip
`GridColumn` is required to be used with [`GridContainer`](./grid-container) and [`GridRow`](./grid-row).
:::

## Demos

See [the demos of `GridContainer`](./grid-container#demos).

## API

### Props

| Name | Type | Default | Description |
| -- | -- | -- | -- |
| ``span`` | `number=` | - | The number of original grid columns to span. If not specified it will span across the whole row. |
| ``offset`` | `number=` | `0` | The number of original grid columns to move current column to the right. Will affect the position of following columns. |
| ``pull`` | `number=` | `0` | The number of original grid columns to move current column to the left. Will *not* affect the position of following columns. |
| ``push`` | `number=` | `0` | The number of original grid columns to move current column to the right. Will *not* affect the position of following columns. |

### Slots

| Name | Description |
| -- | -- |
| ``default`` | The content of the grid column. |