My Notes

Callout Usage Guide

Callout Usage Guide

πŸ“Œ Callout Usage Guide

Callouts are used to provide annotations or highlight important information in notes without disrupting the main text flow. This feature is inspired by Obsidian and can be used for various purposes such as info, warnings, tips, and code examples.

✨ How to Use Callouts

To create a callout, add [!type] at the beginning of a quote block (>). The callout type determines its appearance and icon.

πŸ“– Basic Example

1> [!info] This is an example info callout  
2> This callout provides additional information.  

This is an example info callout

This callout provides additional information.


πŸ”₯ Supported Callout Types

Here are some callout types that can be used:

Info
1> [!info]
2> Lorem ipsum dolor sit amet

Success
1> [!success]
2> Lorem ipsum dolor sit amet

Warning
1> [!warning]
2> Lorem ipsum dolor sit amet

Danger
1> [!danger]
2> Lorem ipsum dolor sit amet

Error
1> [!error]
2> Lorem ipsum dolor sit amet

Bug
1> [!bug]
2> Lorem ipsum dolor sit amet

Note
1> [!note]
2> Lorem ipsum dolor sit amet

Abstract
1> [!abstract]
2> Lorem ipsum dolor sit amet

Todo
1> [!todo]
2> Lorem ipsum dolor sit amet

Question
1> [!question]
2> Lorem ipsum dolor sit amet

Failure
1> [!failure]
2> Lorem ipsum dolor sit amet

Example
1> [!example]
2> Lorem ipsum dolor sit amet

Quote
1> [!quote]
2> Lorem ipsum dolor sit amet

Important
1> [!important]
2> Lorem ipsum dolor sit amet

History
1> [!history]
2> Lorem ipsum dolor sit amet

Journal
1> [!journal]
2> Lorem ipsum dolor sit amet

Date
1> [!date]
2> Lorem ipsum dolor sit amet

Book
1> [!book]
2> Lorem ipsum dolor sit amet


Person
1> [!person]
2> Lorem ipsum dolor sit amet

Code
1> [!code]
2> Lorem ipsum dolor sit amet


Discord
1> [!discord]
2> Lorem ipsum dolor sit amet

Github
1> [!github]
2> Lorem ipsum dolor sit amet

Instagram
1> [!instagram]
2> Lorem ipsum dolor sit amet

Linkedin
1> [!linkedin]
2> Lorem ipsum dolor sit amet

Youtube
1> [!youtube]
2> Lorem ipsum dolor sit amet

Reddit
1> [!reddit]
2> Lorem ipsum dolor sit amet

Behance
1> [!behance]
2> Lorem ipsum dolor sit amet

Dribbble
1> [!dribbble]
2> Lorem ipsum dolor sit amet

Medium
1> [!medium]
2> Lorem ipsum dolor sit amet

Pinterest
1> [!pinterest]
2> Lorem ipsum dolor sit amet

Snapchat
1> [!snapchat]
2> Lorem ipsum dolor sit amet

Vimeo
1> [!vimeo]
2> Lorem ipsum dolor sit amet

Tiktok
1> [!tiktok]
2> Lorem ipsum dolor sit amet

Twitterx
1> [!twitterx]
2> Lorem ipsum dolor sit amet

Whatsapp
1> [!whatsapp]
2> Lorem ipsum dolor sit amet

Here’s the English translation of your text:


πŸ“‚ Nested Callouts

You can also nest multiple callouts inside each other to organize information more neatly.

1> [!question] Can callouts be chained?  
2> > [!todo] Yes! This is an example of a nested callout.  
3> > > [!example] You can even have multiple layers of callouts!  

Can callouts be chained?

Yes! This is an example of a nested callout.

You can even have multiple layers of callouts!


πŸ”„ Collapsible Feature

Currently, the collapsible feature is not yet available. However, it will likely be added in a future update.

1> [!note] Collapsible Feature  
2> Sorry, this feature is not yet available. It will be added in the future.  

Collapsible Feature

Sorry, this feature is not yet available. It will be added in the future.


πŸ”— Reference Sources

For more information about callouts, you can visit the Obsidian documentation: Obsidian Callouts .
Happy callout usage! πŸš€


Let me know if you’d like any refinements!