Skip to main content

​
Overview

Container with title and optional collapsible content.

​
Import

import { Panel } from 'nikcli-tui';

​
Usage

new Panel({ parent: screen, title: 'Panel', collapsible: true });

​
Live Preview

​
Run Locally

npm run tsx:core-gallery

​
Notes

  • Panel is a simple labeled container; supports BaseProps (variant, size, borderStyle, collapsible via examples).

​
Installation

npm i nikcli-tui

​
Import

import { Panel } from 'nikcli-tui';

​
Quick Start

new Panel({ parent: screen, top: 1, left: 2, width: 40, height: 10, title: 'Panel', collapsible: true });

​
Production Examples

new Panel({ parent: screen, top: 1, left: 2, width: 40, height: 8, title: 'Info' });

​
Best Practices

  • Usa Panel per blocchi strutturali; preferisci Card per contenuti informativi.