Styling Blockquotes Or Callouts

Created: Last updated:

Obsidian has callouts notation which are the same as Markdown Blockquotes. The supported callouts are: info, todo, tip/hint/important, success/check/done, question/help/faq, warning/caution/attention, failure/fail/missing, danger/error, bug, example, quote/site. This website should mirror the styling we see in Obsidian

Note

This is a note callout

Info

This is an info callout

Abstract / Summary / TLDR

This is an abstract callout

Todo

This is a todo callout

Tip / Hint / Important

This is a tip callout

Success / Check / Done

This is a success callout

Question / Help / FAQ

This is a question callout

Warning / Caution / Attention

This is a warning callout

Failure / Fail / Missing

This is a failure callout

Danger / Error

This is a danger callout

Bug

This is a bug callout

Example

This is an example callout

Quote / Cite

This is a quote callout

Then we have complex callouts:

This is an outer callout
This is an inner callout
This is an inner inner callout

And this is the content!

And now we have some dynamic callouts: below should be collapsable:

Click me to expand

This is an example callout that starts collapsed and can be expanded

Click me to collapse

This is an example callout that starts expanded and can be collapsed