see obsidan callout types

if type is undefined, it will be treated as note.

note

I used tailwindcss-typography

<article class="prose prose-green prose-blockquote:prose-sm lg:prose-lg dark:prose-invert">
      <slot /><!-- markdown slot -->
</article>

abstract | summary | tldr

Abstract

what do you like?
abc

• apple
• banana
• orange

> [!summary]+ Foldable with `+`
> Lorem ipsum dolor sit amet

> [!tldr]- Foldable with `-`
> Lorem ipsum dolor sit amet

info

Info

> [!info]
> Lorem ipsum dolor sit amet

todo

Todo

> [!todo]
> Lorem ipsum dolor sit amet

important

Important

> [!important]
> Lorem ipsum dolor sit amet

tip | hint

Tip

> [!tip]
> Lorem ipsum dolor sit amet

Hint

> [!hint]
> Lorem ipsum dolor sit amet

success | check | done

Success

> [!success]
> Lorem ipsum dolor sit amet

Check

> [!check]
> Lorem ipsum dolor sit amet

Done

> [!done]
> Lorem ipsum dolor sit amet

question | help | faq

Question

> [!question]
> Lorem ipsum dolor sit amet

Help

> [!help]
> Lorem ipsum dolor sit amet

warning | caution | attention

Warning

> [!warning]
> Lorem ipsum dolor sit amet

Caution

> [!caution]
> Lorem ipsum dolor sit amet

Attention

> [!attention]
> Lorem ipsum dolor sit amet

failure | fail | missing

Failure

> [!failure]
> Lorem ipsum dolor sit amet

Fail

> [!fail]
> Lorem ipsum dolor sit amet

Missing

> [!missing]
> Lorem ipsum dolor sit amet

danger | error

Danger

> [!danger]
> Lorem ipsum dolor sit amet

Error

> [!error]
> Lorem ipsum dolor sit amet

bug

Bug

> [!bug]
> Lorem ipsum dolor sit amet

example

Example

> [!example]
> Lorem ipsum dolor sit amet

quote | cite

Quote

> [!quote]
> Lorem ipsum dolor sit amet

Cite

> [!cite]
> Lorem ipsum dolor sit amet