JSVision

Appearance

@jsvision/ui / buttonColumn

Function: buttonColumn() ​

buttonColumn(buttons, options?): Group

Defined in: ui/src/controls/button-group.ts:180

Compose one equal-width vertical column of Buttons.

gap is the number of rows between Button faces. The configured minimum width is shared with buttonGroup; wrapping options are intentionally absent because this helper always has one column.

Parameters ​

buttons ​

readonly Button[]

Buttons to stack in source and focus order.

options? ​

ButtonColumnOptions = {}

Minimum width and vertical gap.

Returns ​

Group

A one-column Button group.

Example ​

ts
import { Button, buttonColumn } from '@jsvision/ui';

const actions = buttonColumn([new Button('Open'), new Button('Cancel')], {
  minimumButtonWidth: 11,
  gap: 1,
});