Dies ist eine alte Version des Handbuchs und der Pattern Library (v1). Bitte wechseln Sie zur aktuellen Version (v2).

Grid

Über das Pattern

Ein mehrzeiliges und mehrspaltiges Raster, das es in 3 Ausprägungen gibt.

Parameter und Anwendung in Nunjucks

# Parameter grid(richText)
size: "string" # (default: ''). small oder large (optional)

# Anwendung grid()
{% from "components/grid/grid.njk" import grid with context %}

{% call grid('large') %}
Inhalt frei wählbar
{% endcall %}

Variationen

Grid Standard

maximal 3-spaltig

1

2

3

4

5

6

HTML

Laden…

Nunjucks

Laden…

In eigenem Fenster öffnen

Grid Groß

maximal 2-spaltig

1

2

3

4

5

6

HTML

Laden…

Nunjucks

Laden…

In eigenem Fenster öffnen

Grid Klein

maximal 4-spaltig

1

2

3

4

5

6

7

8

HTML

Laden…

Nunjucks

Laden…

In eigenem Fenster öffnen