Callout

Callouts draw attention to important information in your documentation. They come in different styles to convey different types of messages, from helpful tips to critical warnings.

Basic Usage

Callout Types

Specra includes seven callout types, each with distinct styling:

Info

Note

Tip

Warning

Success

Error

Danger

Props

Prop	Type	Default	Description
type	string	"info"	Callout style: info, note, tip, warning, success, error, or danger
children	ReactNode	Required	The content inside the callout

Advanced Examples

Multi-Line Content

Callouts can contain any MDX content, including formatted text, lists, and code:

Nested Components

You can nest other components inside callouts:

GitHub-Style Alerts

Prefer Markdown syntax? Specra also supports GitHub-style alert syntax using blockquotes: