Function: statusList()

function statusList(props: UiStatusListProps): Element;

Defined in: src/UI/blocks/statusList.tsx:42

Parameters

Parameter	Type	Description
props	UiStatusListProps	Configuration object

Returns

Element

Deprecated

Use the equivalent block from @matterway/sdk/UI instead. This block targets the old showUI path and will be removed when src/UI/ is dropped.

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

Examples

Basic usage

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

Usage with React nodes as label

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