Boxes & Borders
$
Box
FREETerminal panels with titles, padding, colored borders, nested content, and six border styles.
static output6 stylespanel
# Preview
BOOTING PREVIEW
# Usage
import { Box, fg, style, colorize } from '@taracod/termui';
const box = new Box({
title: 'Server Status',
borderStyle: 'round',
borderColor: fg.cyan,
padding: 1,
});
console.log(box.render(
colorize('Status: ', fg.gray) + colorize('? Online', fg.green, style.bold) + '\n' +
colorize('Uptime: ', fg.gray) + '12d 4h 32m' + '\n' +
colorize('CPU: ', fg.gray) + colorize('23%', fg.yellow)
));# API
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | undefined | Optional title embedded into the top border |
| borderStyle | BorderStyle | round | round, single, double, heavy, dashed, ascii |
| borderColor | AnsiColor | cyan | Color used for border glyphs |
| padding | number | 1 | Inner spacing around rendered content |