ButtonGroupOptions

Optional configuration passed as the second argument to new ButtonGroup(buttons, options). Controls spacing, border styling, alignment, and whether the buttons render inline or in a fixed position.

Type Definition

type ButtonGroupOptions = {
  gap?: number;
  borderStyle?: StyleOptions;
  align?: Align;
  position?: FixedPosition;
}

Properties

• gap — horizontal spacing between buttons. Defaults to 2.
• borderStyle — a StyleOptions object applied to the button borders.
• align — horizontal alignment of the button group. Accepts "left", "center", "right", "start", or "end". Defaults to "left".
• position — where the buttons appear: "inline" (default), "top", or "bottom". Non-inline positions use scroll regions to pin the buttons.

Usage

import { ButtonGroup } from "ts-better-console";

const buttons = new ButtonGroup(
[
{ label: "Yes", onClick: () => {} },
{ label: "No", onClick: () => {} },
],
{
gap: 4,
align: "center",
position: "bottom",
},
);

buttons.show();