Skip to main content

​
Overview

Semantic headings with consistent styling.

​
Import

import { Heading } from 'nikcli-tui';

​
Usage

new Heading({ parent: screen, text: 'Section' });

​
Live Preview

​
Run Locally

npm run tsx:core-gallery

​
Props

  • text: string — Heading text.
  • level?: 1 | 2 | 3 — Visual weight prefixing.
  • BaseProps: layout/theming.

​
Methods

  • setText(text, level?), setLevel(level).

​
Installation

npm i nikcli-tui

​
Import

import { Heading } from 'nikcli-tui';

​
Quick Start

new Heading({ parent: screen, top: 1, left: 2, text: 'Section', level: 1 });

​
Production Examples

new Heading({ parent: screen, top: 1, left: 2, text: 'H1', level: 1 });
new Heading({ parent: screen, top: 2, left: 2, text: 'H2', level: 2 });
new Heading({ parent: screen, top: 3, left: 2, text: 'H3', level: 3 });

​
Best Practices

  • Usa Heading per titoli interni; usa label del container per etichette di sezione.