Post

Obsidian's Callouts And Quotation Block

The dictionary definition of callout(s) is to call out loudly, and is used to draw the reader’s attention and inform them of important or additional information.

Let’s learn about the grammar and types for expressing callouts in Obsidian.

Differences between quotation and callouts blocks

A quotation blocklists sentences starting with > on each line.

1
2
3
4
> 
> I am a quote block.
> It is a set of lines starting with `>`
> 

Below is the shape of the quotation block based on Obsidian’s basic theme.

Obsidian - Quotation Block Obsidian - Quotation Block

Like a quotation block, a callouts blockis a set of lines that start with >. However, you can specify the icon shape and color by entering a callouts type in the first line, and add a title.

1
2
3
4
5
> [!tip] I'm a tip type, and here's the title.
> 
> I am a callouts block. 
> It is similar to a citation block, but you can specify a type and title for the first line.
> 

Below is a tip type callouts block in the Obsidian basic theme.

Obsidian - Callouts Block Obsidian - Callouts Block

Callouts Block Folding Function

Syntactically, callouts blocks are similar to quotation blocks. However, compared to quotation blocks, it has the following additional features

  • Add icon
  • Add title
  • Folding function

Above, it was explained that the callouts block can have additional icons and titles added to the quotation block.

Additionally, the strength of callouts is that they have a folding function. In the case of Obsidian, headings can be folded, but the difference between this and a callouts block is that the initial value can be specified.

Sometimes, you can express content you want to emphasize or add additional notes to in a callouts block, but if the content is long, you may want to leave it initially closed.

Obsidian - Folding of Callouts Block Obsidian - Folding of Callouts Block

You can create a callouts block with an initial value of closed by adding a hyphen (-) next to the type in the first line of the callouts block.

1
2
> [!success]- Callouts block - Initially folded callouts block
> I am a callouts of type success.

Callouts Block Types

The colors and icons of the predefined callouts blocks in Obsidian are as follows.

You can change the look of the callouts by writing the text you like in the callouts type.

Obsidian - Callouts Predefined Types Obsidian - Callouts Predefined Types

This content is introduced in Obsidian Help, and you can design your own callouts block by defining CSS.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
> [!quote] quote

> [!abstract] abstract, summary, tldr

> [!important] tip, hint, important

> [!note] note

> [!info] info

> [!todo] todo

> [!example] example

> [!question] question, help, fnq

> [!warning] warning, caution, attention

> [!failure] failure, fail, missing

> [!danger] danger, error

> [!bug] bug

This post is licensed under CC BY 4.0 by the author.