CTRL K

Nextra Components

Tristan Dubbeld,Last updated at May 15, 2023•1 min read

web development

`<Callout>`

Default

This is a default callout.

Error

This is an error callout.

Info

This is an info callout. ¹

Warning

This is a warning callout.

With custom emoji ²

🚀

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

nextra-theme-blog:test

Lint

`<Tabs>`

pnpm

pnpm: Fast, disk space efficient package manager.

`<FileTree>`

- - _meta.js
  - apple.mdx
  - banana.mdx
- _meta.js
- about.mdx
- contact.mdx
- index.mdx

- schema.graphql
- schema.graphql

`<Cards>`

Documentation theme

Blog theme

Callout Tabs Steps

`<details>` and `<summary>`

Summary

Details

Summary 2

Details 2

`<Bleed>`

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.

This is an info callout. ↩
With custom emoji ↩