Function statusList

statusList(props): Element

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

Parameters

props: UiStatusListProps
Configuration object

Returns Element

A JSX element representing the statusList component

Example

Basic usage

statusList({
  items: [
    { value: 'success', label: 'Data fetched successfully.' },
    { value: 'warning', label: 'Data filtered successfully.' },
    { value: 'error', label: 'Data filtered successfully.' },
  ],
});

Example

Usage with React nodes as label

statusList({
  items: [
    {
      value: 'info',
      label: <span>Custom <strong>formatted</strong> message</span>
    }
  ],
});