Callouts are styled blockquotes that highlight important information. They use the syntax `> [!type]` followed by an optional title and content.
---
## Basic Syntax
```markdown
> [!type] Optional Title
> Content goes here.
> Multiple lines supported.
```
---
## All Callout Types
### Note
> [!note] Note
> Used for general notes and supplementary information.
```markdown
> [!note] Note
> Used for general notes and supplementary information.
```
---
### Abstract
> [!abstract] Abstract
> Great for summaries, TLDRs, and overviews.
```markdown
> [!abstract] Abstract
> Great for summaries, TLDRs, and overviews.
```
**Aliases:** `> [!summary]` `> [!tldr]`
---
### Info
> [!info] Info
> Useful for providing additional context or details.
```markdown
> [!info] Info
> Useful for providing additional context or details.
```
---
### Todo
> [!todo] Todo
> Highlight tasks or action items.
```markdown
> [!todo] Todo
> Highlight tasks or action items.
```
---
### Tip
> [!tip] Tip
> Share helpful hints, tips, or important callouts.
```markdown
> [!tip] Tip
> Share helpful hints, tips, or important callouts.
```
**Aliases:** `> [!hint]` `> [!important]`
---
### Success
> [!success] Success
> Celebrate wins, completed tasks, or confirmations.
```markdown
> [!success] Success
> Celebrate wins, completed tasks, or confirmations.
```
**Aliases:** `> [!check]` `> [!done]`
---
### Question
> [!question] Question
> Pose questions, FAQs, or things to investigate.
```markdown
> [!question] Question
> Pose questions, FAQs, or things to investigate.
```
**Aliases:** `> [!help]` `> [!faq]`
---
### Warning
> [!warning] Warning
> Flag cautions, potential issues, or things to watch out for.
```markdown
> [!warning] Warning
> Flag cautions, potential issues, or things to watch out for.
```
**Aliases:** `> [!caution]` `> [!attention]`
---
### Failure
> [!failure] Failure
> Mark failures, missing items, or things that didn't work.
```markdown
> [!failure] Failure
> Mark failures, missing items, or things that didn't work.
```
**Aliases:** `> [!fail]` `> [!missing]`
---
### Danger
> [!danger] Danger
> Serious warnings or critical errors.
```markdown
> [!danger] Danger
> Serious warnings or critical errors.
```
**Aliases:** `> [!error]`
---
### Bug
> [!bug] Bug
> Document bugs, glitches, or unexpected behavior.
```markdown
> [!bug] Bug
> Document bugs, glitches, or unexpected behavior.
```
---
### Example
> [!example] Example
> Provide examples, demonstrations, or sample content.
```markdown
> [!example] Example
> Provide examples, demonstrations, or sample content.
```
---
### Quote
> [!quote] Quote
> Attribute quotes, citations, or referenced material.
```markdown
> [!quote] Quote
> Attribute quotes, citations, or referenced material.
```
**Aliases:** `> [!cite]`
---
## Foldable Callouts
Add `+` or `-` after the type to make callouts collapsible.
### Expanded by Default (can collapse)
> [!tip]+ Click to collapse me
> I'm open by default but you can fold me up!
```markdown
> [!tip]+ Click to collapse me
> I'm open by default but you can fold me up!
```
### Collapsed by Default (can expand)
> [!tip]- Click to expand me
> Surprise! I was hidden until you clicked.
```markdown
> [!tip]- Click to expand me
> Surprise! I was hidden until you clicked.
```
---
## Custom Titles
You can override the default title with your own text:
> [!warning] π₯ Don't Touch the Stove
> Seriously, it's hot.
```markdown
> [!warning] π₯ Don't Touch the Stove
> Seriously, it's hot.
```
---
## No Title
Leave the title blank to show just the type label:
> [!info]
> This just shows "Info" as the header.
```markdown
> [!info]
> This just shows "Info" as the header.
```
---
## Nested Callouts
You can nest callouts inside each other:
> [!question] Can I nest callouts?
> > [!success] Yes!
> > You absolutely can.
```markdown
> [!question] Can I nest callouts?
> > [!success] Yes!
> > You absolutely can.
```
---
## Callouts with Other Markdown
> [!example] Rich Content
> Callouts support **bold**, *italic*, ~~strikethrough~~, `inline code`, and more:
> - Bullet lists
> - [Links](https://obsidian.md)
> - ![[images]]
>
> | Even | Tables |
> | --- | --- |
> | work | here |
```markdown
> [!example] Rich Content
> Callouts support **bold**, *italic*, ~~strikethrough~~, `inline code`, and more:
> - Bullet lists
> - [Links](https://obsidian.md)
> - ![[images]]
>
> | Even | Tables |
> | --- | --- |
> | work | here |
```
---
## Quick Reference Cheat Sheet
| Type | Icon | Use For |
| --- | --- | --- |
| `note` | π | General notes |
| `abstract` | π | Summaries / TLDRs |
| `info` | βΉοΈ | Extra context |
| `todo` | βοΈ | Action items |
| `tip` | π‘ | Hints / important |
| `success` | β
| Completed / confirmed |
| `question` | β | Questions / FAQs |
| `warning` | β οΈ | Cautions |
| `failure` | β | Failed / missing |
| `danger` | π΄ | Critical errors |
| `bug` | π | Bugs / glitches |
| `example` | π | Examples |
| `quote` | π¬ | Citations |