Markdown Callouts
Note, tip, and warning boxes, Obsidian-style
You want a callout in Markdown, one of those colored note, tip, or warning boxes with an icon. The syntax is a blockquote with a special first line: > [!NOTE]. Here is how to write them, the types you can use, and how they render.
One honest note up front: callouts are an Obsidian-flavored extension, not part of standard Markdown, so where they turn into a nice box depends on the tool.
The callout syntax
A callout is a blockquote whose first line is > [!TYPE]:
> [!NOTE]
> This is a note callout.
> It can run across several lines. The type name is case-insensitive, so [!note], [!NOTE], and [!Note] are the same. Because it is built on the blockquote, a tool that does not understand callouts simply shows it as a normal quote with [!NOTE] as the first line. GitHub supports a smaller version of this called alerts; Obsidian has the fuller set that NoteLoom follows.
The callout types
NoteLoom renders 13 canonical types, each with its own icon and color, and several accept aliases that map to the same style:
| Type | Aliases |
|---|---|
note | (default) |
abstract | summary, tldr |
info | (none) |
todo | (none) |
tip | hint, important |
success | check, done |
question | help, faq |
warning | caution, attention |
failure | fail, missing |
danger | error |
bug | (none) |
example | (none) |
quote | cite |
An alias shows the title of the type it maps to. For example [!important] renders with the tip style and title, not a separate "Important" one.
Collapsible callouts
Add a sign right after the type to control whether the box can fold:
[!note]+is collapsible and open by default.[!note]-is collapsible and starts collapsed, showing just the title bar.[!note]with no sign is a static card that does not fold.
Opening or closing a callout by hand is a view state only, and it is not written back to the .md file, the same as in Obsidian. Reopen the note and it returns to the default set by the + or -.
Custom titles
Put text after the type, and the optional + or -, to replace the default title:
> [!tip] A handy shortcut
> The body of the callout goes here.
> [!warning]- Click to see the caveats
> This one starts collapsed, with a custom title. One honest limit: the custom title shows as plain text for now, so Markdown inside the title (bold, links) is not rendered.
How they render, and the honest limits
NoteLoom renders callouts Obsidian-compatibly, so a note you wrote in Obsidian shows the same boxes when you open it in the browser, and vice versa. A few boundaries worth knowing:
- Unknown types do not break: an unrecognized type like
[!madeup]still renders as a card, using thenotestyle with the type name as its title. This matches Obsidian; on GitHub the same thing degrades to a plain quote. - The
[!type]must be alone on the blockquote's first line. - Only top-level blockquotes are read as callouts; a callout nested inside another quote (
>> [!note]) is not recognized.
Because callouts are just a blockquote underneath, they stay plain, portable Markdown. If yours are showing as a raw [!NOTE] line, the tool is not rendering callouts, which is the same class of issue as Markdown not rendering.
FAQ
How do you make a callout in Markdown?
Are callouts standard Markdown?
What callout types can I use?
How do you make a collapsible callout?
Can I set a custom callout title?
Will my Obsidian callouts render outside Obsidian?
See your callouts render in the browser
Open NoteLoom in Chrome / Edge / Arc, open a .md file with callouts, and watch the note, tip, and warning boxes render, Obsidian-compatibly, saved straight back to the file. No install and no account.