LayoutGrid
components/layout/Grid.vue
Responsive grid wrapper with configurable column count. Defaults to 2 columns on md+, single column on mobile.
Column 1
Column 2
Column 3
Column 4
components/layout/Grid.vue
Usage
<LayoutGrid
class = "—"
:columns = "2"
>
Content here
</LayoutGrid>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| class | String | '' | Custom CSS class applied to the grid container |
| columns | Number | String | 2 | Number of columns at md breakpoint and above |
Slots
| Slot | Description |
|---|---|
| default | Grid items |