Function statusList

statusList(props: UiStatusListProps): Element

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

Parameters

props: UiStatusListProps
Configuration object
- items
  Array of status messages to display

Returns Element

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