Using Callouts

Callouts draw attention to important information — tips, warnings, or key details. Add this to any .mdx file:

import { Accordion, Button, Callout, Carousel, Center, ImageGrid, Img, Instagram, Marquee, YouTube, SideBySide, Left, Right } from '@mdx';

<Callout>
  All participants must wear protective equipment during test launches.
</Callout>

With a Title

Add a title for a bold heading above the content:

<Callout title="Safety Notice">
  All participants must wear protective equipment during test launches.
</Callout>

Rich Content

Since callouts use a slot, you can put any Markdown or other components inside:

<Callout title="What to bring">
  - **Laptop** with a code editor
  - Notebook for sketches
  - Your student ID
</Callout>

Optional Fields