Function callout

  • callout(props): Element

  • Creates a callout component for displaying highlighted information with specific styling.

    Parameters

    • props: UiCalloutProps

      Configuration object

    Returns Element

    A JSX element representing the callout component

    Example

    Basic usage with info callout

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

    Example

    Usage with warning callout

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

    Example

    Usage with dynamic text from central state

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

Settings