Link Search Menu Expand Document (external link)

Callouts

Markdown does not include support for callouts. However, you can style text as a callout using a Markdown extension supported by kramdown: block IALs.

Common kinds of callouts include admonition, attention, caution, danger, error, hint, important, note, tip, and warning.

When you have configured the color and (optional) title for a callout, you can apply it to a paragraph, or to a block quote with several paragraphs, as illustrated below.1

An untitled callout

{: .highlight }
A paragraph

A single paragraph callout

{: .note }
A paragraph
{: .note-title }
> My note title
>
> A paragraph with a custom title callout

A multi-paragraph callout

{: .important }
> A paragraph
>
> Another paragraph
>
> The last paragraph
{: .important-title }
> My important title
>
> A paragraph
>
> Another paragraph
>
> The last paragraph

An indented callout

> {: .hint }
  A paragraph

Indented multi-paragraph callouts

> {: .attention }
> > A paragraph
> >
> > Another paragraph
> >
> > The last paragraph

Nested callouts

{: .important }
> {: .warning }
> A paragraph

Opaque background

{: .important }
> {: .opaque }
> <div markdown="block">
> {: .warning }
> A paragraph
> </div>
  1. You can put the callout markup either before or after its content.