Function: Horizontal()

Call Signature

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

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

Horizontal layout — arranges content in a row.

Parameters

Parameter	Type
content	ChildBlock[]

Returns

Block

Examples

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

Horizontal(
  {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 Horizontal(options: HorizontalProps, content: ChildBlock[]): Block;

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

Horizontal layout — arranges content in a row.

Parameters

Parameter	Type
options	HorizontalProps
content	ChildBlock[]

Returns

Block

Examples

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

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