Variable vertical`Const`

vertical: VerticalT = ...

Vertical layout component arranging content in a column.

Param: optionsOrContent

Either the content to display or the options object

Param: content

Content to display when first parameter is options object

Example

Basic usage with content

vertical([
  inputField({
    name: 'firstName',
    label: 'First name',
    defaultValue: 'Jane',
  }),
  inputField({
    name: 'lastName',
    label: 'Last name',
    defaultValue: 'Doe',
  }),
]);

Example

Usage with options and content

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