Grid

Grid、Stack 和 Inline：只使用间距刻度中间距的布局。

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

属性

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

    条目在单元格内的对齐方式。

  • as
    ElementType

    渲染所用的元素或组件，例如 section 或 ul。

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

    列数。

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

    条目之间的间距，以间距刻度上的像素计。