Matterway
    Preparing search index...

    Function callout

    • Callout component for displaying highlighted information with specific styling.

      Parameters

      • props: UiCalloutProps

        Configuration object

        • text

          Text content to display inside the callout

        • type

          Type of callout which determines the visual styling. Defaults to 'info'

      Returns Element

      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'
      });

    Settings