Skip to content

NumberedList

NumberedList is an ordered list rendered as an <ol> element. Defaults to the DECIMAL numbering style.

Usage

typescript
import { NumberedList, ListItem, NumberedListItemStyle } from '@jimka/typescript-ui/component/list';
const list = NumberedList();
list.setItemStyle(NumberedListItemStyle.UPPER_ROMAN);
list.addItem(ListItem('intro',  'Introduction'));
list.addItem(ListItem('body',   'Main argument'));
list.addItem(ListItem('outro',  'Conclusion'));

panel.addComponent(list);

Numbering styles

NumberedListItemStyle:

ValueExample
DECIMAL1, 2, 3
DECIMAL_LEADING_ZERO01, 02, 03
LOWER_ALPHA / UPPER_ALPHAa, b, c / A, B, C
LOWER_GREEKα, β, γ
LOWER_LATIN / UPPER_LATINa, b, c / A, B, C
LOWER_ROMAN / UPPER_ROMANi, ii, iii / I, II, III
NONE(no numbering)

See also