Appearance
Function: callout()
ts
function callout(props: UiCalloutProps): Element;Defined in: src/UI/blocks/callout.tsx:41
Callout component for displaying highlighted information with specific styling.
Parameters
| Parameter | Type | Description |
|---|---|---|
props | UiCalloutProps | Configuration object |
Returns
Element
Examples
Basic usage with info callout
ts
callout({
text: 'This is an informational message',
type: 'info'
});Usage with warning callout
ts
callout({
text: 'This is a warning message',
type: 'warning'
});Usage with dynamic text depending on other fields
ts
callout({
text: async ({data}) => `Welcome back, ${data.userName}!`,
type: 'info'
});