Skip to content

Function: statusList()

ts
function statusList(props: UiStatusListProps): Element;

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

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

Parameters

ParameterTypeDescription
propsUiStatusListPropsConfiguration object

Returns

Element

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

Matterway Assistant SDK Documentation