### Parametry

- `type` - Typ widoku: `"grid"`
- `cols` - Liczba kolumn (1-12) lub wartość `grid-template-columns` jako string (np. `"1fr 2fr auto"`)
- `rows` - Liczba wierszy lub wartość `grid-template-rows` jako string
- `gap` - Odstęp między wierszami i kolumnami (0-5, klasa Bootstrap `gap-{n}`)
- `colGap` - Odstęp między kolumnami (0-5, `column-gap-{n}`)
- `rowGap` - Odstęp między wierszami (0-5, `row-gap-{n}`)
- `autoRows` - Wartość `grid-auto-rows` jako string CSS (np. `"minmax(100px, auto)"`)
- `autoCols` - Wartość `grid-auto-columns` jako string CSS
- `justifyItems` - Wyrównanie elementów w osi poziomej: `start` | `end` | `center` | `stretch`
- `alignItems` - Wyrównanie elementów w osi pionowej: `start` | `end` | `center` | `stretch`
- `justifyContent` - Wyrównanie całej siatki w osi poziomej: `start` | `end` | `center` | `stretch` | `between` | `around` | `evenly`
- `alignContent` - Wyrównanie całej siatki w osi pionowej: `start` | `end` | `center` | `stretch` | `between` | `around` | `evenly`
- `inline` - Czy użyć `display: inline-grid` zamiast `display: grid` (domyślnie: false)
- `childs` - Tablica widoków potomnych
  - Każdy child może opcjonalnie zawierać:
    - `colSpan` - Rozpiętość kolumn (1-12, `grid-column: span {n}`)
    - `rowSpan` - Rozpiętość wierszy (1-12, `grid-row: span {n}`)
    - `colStart` - Kolumna startowa (1-13)
    - `rowStart` - Wiersz startowy (1-13)
    - `justifySelf` - Wyrównanie poziome elementu: `start` | `end` | `center` | `stretch`
    - `alignSelf` - Wyrównanie pionowe elementu: `start` | `end` | `center` | `stretch`

## Przykład użycia

```yaml
type: grid
cols: 3
gap: 3
childs:
  - type: text
    content: Komórka 1
  - type: text
    content: Komórka 2
    colSpan: 2
  - type: button
    label: Akcja
    variant: primary
    justifySelf: end