Function progressList

progressList(props): Element

Creates a progress list component for displaying multiple status messages with different types.

Parameters

props: UiProgressListProps
Configuration object

Returns Element

A JSX element representing the progress list component

Example

Basic usage

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

Example

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' },
 ],
});