Appearance
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
| Parameter | Type | Description |
|---|---|---|
props | UiStatusListProps | Configuration 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>
}
],
});