Skip to content

@jsvision/ui / row

Function: row()

row(...args): Group

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

Build a horizontal flex container (direction: 'row') — children sit left to right. 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 = 'row' and the children added in order.

Example

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

// A fixed-width sidebar beside a growing main pane.
const body = row(fixed(sidebar, 20), grow(main));