Function: callout()

function callout(props: UiCalloutProps): Element;

Defined in: src/UI/blocks/callout.tsx:44

Parameters

Parameter	Type	Description
props	UiCalloutProps	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.

Callout component for displaying highlighted information with specific styling.

Examples

Basic usage with info callout

callout({
  text: 'This is an informational message',
  type: 'info'
});

Usage with warning callout

callout({
  text: 'This is a warning message',
  type: 'warning'
});

Usage with dynamic text depending on other fields

callout({
  text: async ({data}) => `Welcome back, ${data.userName}!`,
  type: 'info'
});