Skip to main content

​
Overview

Choose a single option among many.

​
Import

import { RadioGroup } from 'nikcli-tui';

​
Usage

new RadioGroup({ parent: screen, options: ['A','B','C'] });

​
Live Preview

​
Run Locally

npm run tsx:core-gallery

​
Props

  • options: Array of string — Radio options.
  • value?: number — Selected index.
  • onChange?: (index: number, value: string) => void — Fires on selection.
  • orientation?: ‘vertical’ | ‘horizontal’ — Layout direction.
  • spacing?: number — Gap between buttons.

​
Methods

  • setOptions(options), addOption(option), removeOption(index).
  • setValue(index), getValue(), getSelectedIndex(), getSelectedText().
  • setOrientation(dir), setSpacing(n), setOptionDisabled(index, bool).
  • clearSelection(), isOptionSelected(index), getOptionCount().

​
Installation

npm i nikcli-tui

​
Import

import { RadioGroup } from "nikcli-tui";

​
Quick Start

new RadioGroup({ parent: screen, top: 1, left: 2, options: ['One','Two','Three'], onChange: (i, v) => console.log(i, v) ,
});

​
Production Examples

new RadioGroup({ parent: screen, top: 1, left: 30, options: ['A','B','C'], orientation: 'horizontal', spacing: 4 ,
});

​
Best Practices

  • Usa RadioGroup per scelte mutualmente esclusive; per multi-selezione preferisci MultiSelect.