SectionOptions

The SectionOptions type defines the configuration for a section within a card component in ts-better-console. Sections are used for the title and footer areas of a card, providing both content and optional styling.

Type Definition

The SectionOptions type includes the following properties:

• content: The text shown in the section.
• align: Optional alignment — "left", "center", or "right".
• style: An optional StyleOptions object for color, background, and text styles.

type SectionOptions = {
  content: string;
  align?: Alignment;
  style?: StyleOptions;
}

Usage

You can use SectionOptions when defining the title or footer of a card:

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

new Card("Card body content", {
title: {
content: "Welcome",
style: {
color: "cyan",
styles: ["bold"],
},
},
footer: {
content: "Press any key to continue",
style: { color: "gray", styles: ["italic"] },
},
});