Function: Vertical()

Call Signature

function Vertical(content: ChildBlock[]): Block;

Defined in: src/renderer/blocks/index.ts:357

Vertical layout — arranges content in a column.

Parameters

Parameter	Type
content	ChildBlock[]

Returns

Block

Examples

Vertical([
  InputField({name: 'firstName', label: 'First name'}),
  InputField({name: 'lastName', label: 'Last name'}),
]);

Vertical(
  {gap: 8, align: 'center', justify: 'space-between', padding: 16},
  [
    InputField({name: 'email', label: 'Email', type: 'email'}),
    InputField({name: 'phone', label: 'Phone', type: 'tel'}),
  ],
);

Call Signature

function Vertical(options: VerticalProps, content: ChildBlock[]): Block;

Defined in: src/renderer/blocks/index.ts:358

Vertical layout — arranges content in a column.

Parameters

Parameter	Type
options	VerticalProps
content	ChildBlock[]

Returns

Block

Examples

Vertical([
  InputField({name: 'firstName', label: 'First name'}),
  InputField({name: 'lastName', label: 'Last name'}),
]);

Vertical(
  {gap: 8, align: 'center', justify: 'space-between', padding: 16},
  [
    InputField({name: 'email', label: 'Email', type: 'email'}),
    InputField({name: 'phone', label: 'Phone', type: 'tel'}),
  ],
);