ButtonGroupEvents

The ButtonGroupEvents interface defines the event map for a button group component in ts-better-console. It describes the events that can be emitted by a button group, allowing you to listen and respond to user interactions such as clicking a button or exiting the button group.

Type Definition

The ButtonGroupEvents interface includes the following events:

• click: Emitted when a button in the group is clicked. Provides the label (string) of the clicked button and its index (number) within the group.
• exit: Emitted when the user exits the button group. No arguments are passed.

interface ButtonGroupEvents {
  click: [label: string, index: number];
  exit: [];
}

Usage

You can listen to ButtonGroupEvents when using a button group to handle user interactions:

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

const group = new ButtonGroup([
{ label: "Option A", onClick: () => {} },
{ label: "Option B", onClick: () => {} },
]);

group.on("click", (label, index) => {
console.log(`Clicked: ${label} at index ${index}`);
group.destroy();
});

group.on("exit", () => {
console.log("Exited button group");
});

group.show();