For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Slack communityLog inBook a demo
  • Getting Started
    • Overview
    • Quickstart
    • Customer Showcase
  • Writing Content
    • Markdown
      • Overview
      • Accordions
      • Accordion Groups
      • Aside
      • Button
      • Callouts
      • Cards
      • Card Groups
      • Code Blocks
      • Embed
      • Endpoint Request Snippet
      • Endpoint Response Snippet
      • Endpoint Schema Snippet
      • Frames
      • Icons
      • Parameter Fields
      • Steps
      • Tabs
      • Tooltips
    • Visual Editor
    • Reusable Markdown
    • Custom React Components
    • Changelog
LogoLogo
Slack communityLog inBook a demo
On this page
  • Properties
  • Callout varieties
  • Note callouts
  • Warning callouts
  • Success callouts
  • Error callouts
  • Info callouts
  • Tip callouts
  • Check callouts
Writing ContentComponents

Callouts

Was this page helpful?
Previous

Cards

Next
Built with

Callouts help highlight important information, warnings, or tips in your documentation. They provide visual emphasis through distinct styling and icons to make key messages stand out to readers.

Properties

Customize your Callouts using the following properties:

intent
stringRequired

The type of callout. Available options: info, warning, success, error, note, launch, tip, check

title
string

The title of your Callout

icon
string | ReactElement

The icon of your Callout. Can be:

  • A Font Awesome icon name
  • A React element
  • If not specified, uses a default icon based on the intent:
    • info: InfoCircle
    • warning: Bell
    • success: CheckCircle
    • error: WarningTriangle
    • note: Pin
    • launch: Rocket
    • tip: Star
    • check: Check

Callout
Markdown
Example Callout

This Callout uses a title and a custom icon.

Callout varieties

Note callouts

This adds a note in the content
1<Note>This adds a note in the content</Note>

Warning callouts

This raises a warning to watch out for
1<Warning>This raises a warning to watch out for</Warning>

Success callouts

This indicates a successful operation or positive outcome
1<Success>This indicates a successful operation or positive outcome</Success>

Error callouts

This indicates a potential error 
1<e>This indicates a potential error</e>

Info callouts

This draws attention to important information
1<Info>This draws attention to important information</Info>

Tip callouts

This suggests a helpful tip
1<Tip>This suggests a helpful tip</Tip>

Check callouts

This brings us a checked status
1<Check>This brings us a checked status</Check>