Grid

Grid, Stack and Inline: layout with gaps from the spacing scale only.

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

Props

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

    How items line up within their cells.

  • as
    ElementType

    The element or component to render as, such as section or ul.

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

    The number of columns.

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

    The space between items, in pixels on the spacing scale.