Markdown
#Admonitions
In addition to the basic Markdown syntax, we have a special admonitions syntax by wrapping text with a set of 3 colons, followed by a label denoting its type.
Example:
markdown:::noteSome **content** with _Markdown_ `syntax`. Check [this `api`](#).::::::tipSome **content** with _Markdown_ `syntax`. Check [this `api`](#).::::::infoSome **content** with _Markdown_ `syntax`. Check [this `api`](#).::::::warningSome **content** with _Markdown_ `syntax`. Check [this `api`](#).::::::dangerSome **content** with _Markdown_ `syntax`. Check [this `api`](#).:::
Some content with Markdown syntax. Check this api.
Some content with Markdown syntax. Check this api.
Some content with Markdown syntax. Check this api.
Some content with Markdown syntax. Check this api.
Some content with Markdown syntax. Check this api.
#Usage with Prettier
If you use Prettier to format your Markdown files, Prettier might auto-format your code to invalid admonition syntax. To avoid this problem, add empty lines around the starting and ending directives. This is also why the examples we show here all have empty lines around the content.
markdown<!-- Prettier doesn't change this -->:::noteHello world:::<!-- Prettier changes this -->:::noteHello world:::<!-- to this -->::: note Hello world:::