Use callouts to include additional content without breaking the flow of your notes.
To create a callout, add [!info] to the first line of a blockquote, where info is the type identifier. The type identifier determines how the callout looks and feels. To see all available types, refer to Supported types.
> [!info]> > Here's a callout block.> It supports **Markdown**, [[Internal link|Wikilinks]], and [[Embed files|embeds]]!> ![[og-image.png]]
Info
Here’s a callout block.
It supports Markdown, Wikilinks, and embeds!
Change the title
By default, the title of the callout is its type identifier in title case. You can change it by adding text after the type identifier:
> [!tip] Callouts can have custom titles> > Like this one.
Callouts can have custom titles
Like this one.
You can even omit the body to create title-only callouts:
> [!tip] Title-only callout>
Title-only callout
Foldable callouts
You can make a callout foldable by adding a plus (+) or a minus (-) directly after the type identifier.
A plus sign expands the callout by default, and a minus sign collapses it instead.
> [!faq]- Are callouts foldable?> > Yes! In a foldable callout, the contents are hidden when the callout is collapsed.
Are callouts foldable?
Yes! In a foldable callout, the contents are hidden when the callout is collapsed.
Nested callouts
You can nest callouts in multiple levels.
> [!question] Can callouts be nested?> > > [!todo] Yes!, they can.> > > [!example] You can even use multiple layers of nesting.
Can callouts be nested?
Yes!, they can.
You can even use multiple layers of nesting.
Customize callouts
CSS snippets can define custom callouts, or even overwrite the default configuration.
To define a custom callout, create the following CSS block: