Grid

Grid, Stack und Inline: Layout mit Abständen nur aus der Abstandsskala.

Quelltext
1
2
3
4
5
6
import { Grid, Stack, Inline } from "@logicplanes/kaeso-ui";

Props

  • align
    "start" | "end" | "baseline" | "stretch" | "center" = center

    Wie Elemente in ihren Zellen ausgerichtet werden.

  • as
    ElementType

    Das Element oder die Komponente, als die gerendert wird, etwa section oder ul.

  • columns
    4 | 1 | 2 | 3 | 6 = 2

    Die Anzahl der Spalten.

  • gap
    0 | 24 | 20 | 32 | 40 | 4 | 2 | 6 | 8 | 12 | 16 | 48 | 64 = 16

    Der Abstand zwischen Elementen, in Pixeln auf der Abstandsskala.