Builtin component

Columns

Multi-column weighted layout.

Props

PropTypeDefaultDescription
columnsColumnsColumn[]—Column definitions. Each has `weight?` (relative width) and `content`.

Example

Columns({
  columns: [
    { weight: 2, content: Table({ source: left() }) },
    { weight: 1, content: Card({ content: Value({ source: right(), field: "x" }) }) },
  ],
})