Callouts, Code Blocks, and Cards

Callouts

More documentation about Callouts can be found here.

Info

This is the default callout type.

Syntax

<Callout title="Info Callout">Content here</Callout>

Example

Info Callout

Content here

Tip

Syntax

<Callout title="Tip Callout" type="tip">
  Content here
</Callout>

Example

Tip Callout

Content here

Note

Syntax

<Callout title="Note Callout" type="note">
  Content here
</Callout>

Example

Note Callout

Content here

Warning

Syntax

<Callout title="Warning Callout" type="warn">
  Content here
</Callout>

Example

Warning Callout

Content here

Error

Syntax

<Callout title="Error Callout" type="error">
  Content here
</Callout>

Example

Error Callout

Content here

Code Blocks

JavaScript Code Block

console.log("Hello World");

Markdown Code Block

# Heading

- Item #1
- Item #2

Cards

Syntax

<Cards>
  <Card title="Learn more about Next.js" href="https://nextjs.org/docs" />
  <Card title="Learn more about Fumadocs" href="https://fumadocs.vercel.app" />
</Cards>

Example

Callouts, Code Blocks, and Cards

Info Callout

Tip Callout

Note Callout

Warning Callout

Error Callout

Learn more about Next.js

Learn more about Fumadocs

On this page