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.