JSVision

Appearance

@jsvision/ui / col

Function: col() ​

col(...args): Group

Defined in: ui/src/view/dsl.ts:101

Build a vertical flex container (direction: 'col') — children stack top to bottom. Pass an optional Flex props object first, then the child views.

Parameters ​

args ​

View[] | [Flex, ...View[]]

An optional Flex props object followed by child views (or just child views).

Returns ​

Group

A Group with layout.direction = 'col' and the children added in order.

Example ​

ts
import { col, fixed, grow } from '@jsvision/ui';

// A header of fixed height above a growing body.
const page = col({ gap: 1 }, fixed(header, 3), grow(body));