This blog was customized from Nextra v4. Check this template →

Nextra Components

Tristan Dubbeld,1 min read

<Callout>

Default

💡
This is a default callout.

Error

🚫
This is an error callout.

Info

This is an info callout. 1

Warning

⚠️
This is a warning callout.

With custom emoji 2

🚀
This is a callout with a custom emoji.

<Steps>

Step 1

Content for step 1.

Step 2

Contents for step 2.

Test

Run pnpm test

nextra:test

nextra-theme-docs:test

more

more more

more more more

nextra-theme-blog:test

Lint

<Tabs>

pnpm: Fast, disk space efficient package manager.

<FileTree>

<Cards>

Documentation themeDocumentation themeBlog themeBlog theme
CalloutTabsSteps

<details> and <summary>

Summary

Details

Summary 2

Details 2

<Bleed>

Mountain

GitHub Alert Syntax

[!NOTE]Useful information that users should know, even when skimming content.

[!TIP]Helpful advice for doing things better or more easily.

[!IMPORTANT]Key information users need to know to achieve their goal.

[!WARNING]Urgent info that needs immediate user attention to avoid problems.

[!CAUTION]Advises about risks or negative outcomes of certain actions.

Footnotes

  1. This is an info callout.

  2. With custom emoji

CC BY-NC 4.0 2025 © PHUCBM.RSS