Function progressList

progressList(props: UiProgressListProps): Element

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

Parameters

props: UiProgressListProps
Configuration object
- items
  Array of state messages to display

Returns Element

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