> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.knapsack.cloud/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.knapsack.cloud/_mcp/server.

# Callout Block

## Callout Block

The Callout Block creates a callout banner to share pertinent information with the user. This block is ideal for highlighting key details, warnings, or other important messages that need to stand out.

### Callout Types

Hover over the block to reveal the Callout menu trigger. Select the callout menu to change the type of callout to render, this will change the color theme and the icon used in the callout.

![text-block.png](https://fdr-prod-docs-files-public.s3.us-east-1.amazonaws.com/knapsack-docs.docs.buildwithfern.com/fb8df88eda58927cc6308ab3ced1ed73dbc024840db67bb83b5751b5f3d8cad9/docs/assets/images/d3979c38-text-blockpng.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA6KXJSKKNFOCF7G4B%2F20260724%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260724T211214Z&X-Amz-Expires=604800&X-Amz-Signature=0b7015bf11241e9c2add18a859996ea1594e3950a55ea3ce0d7d53d6ecfec830&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)

### Error

Create a red callout to represent critical information

The error callout can be used for critical information

### Info

Create a blue callout to share helpful tips or info

The info callout can be used for adding additional context

### Success

Create a green callout to represent an accomplished task or valid information

The success callout can show the user they are on the correct path or have completed a task

### Warning

Create an orange callout to represent a need for caution

The warning callout can show the user that they should watch for potential issues or double
check their workflow