CardBorderSymbols

CardBorderSymbols is the full set of eight characters that make up a Card border. You rarely need to specify all of them — pass a Partial<CardBorderSymbols> inside BorderSymbolStyle.custom to override only the ones you care about.

Type Definition

• topLeft / topRight — top corners
• bottomLeft / bottomRight — bottom corners
• devideLeft / devideRight — divider connectors (used between title / body / footer)
• horizontal — top / bottom / divider bar character
• vertical — left / right side character

type CardBorderSymbols = {
  topLeft: string;
  topRight: string;
  bottomLeft: string;
  bottomRight: string;
  devideLeft: string;
  devideRight: string;
  horizontal: string;
  vertical: string;
}

Usage

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

const card = new Card("Hello", 30, {
border: {
symbols: {
custom: {
topLeft: "╔", topRight: "╗",
bottomLeft: "╚", bottomRight: "╝",
horizontal: "═", vertical: "║",
devideLeft: "╠", devideRight: "╣",
},
},
},
}).render();