Function: progressList()

function progressList(props: UiProgressListProps): Element;

Defined in: src/UI/blocks/progressList.tsx:39

Progress list component for displaying multiple status messages with different types.

Parameters

Parameter	Type	Description
props	UiProgressListProps	Configuration object

Returns

Element

Examples

Basic usage

progressList({
 items: [
   { label: 'Data fetched successfully.', value: 'done' },
   { label: 'Data sorting', value: 'failed' },
   { label: 'Data filtering', value: 'in-progress' },
 ],
});

Usage with optional sub label

progressList({
 items: [
   { label: 'Data fetched successfully.', value: 'done' },
   { label: 'Data sorting', value: 'failed' },
   { label: 'Data filtering', value: 'in-progress', subLabel: '7/10' },
 ],
});