Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>Markdown AdmonitionsNew to Visual Studio Code? Get it now.
Markdown Admonitions

Markdown Admonitions

Tomas Dahlqvist

|
2,105 installs
| (1) | Free
Adds support for Docusaurus style fenced divs to the markdown preview.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Admonitions

Build Status Marketplace

Enables Docusaurus-style and MkDocs-style admonitions in the VS Code preview.

Features

Several static site generators for documentation including Docusaurus have support for informational hints in the documentation. This extension allows for the preview to show Docusaurus and MkDocs admonitions. MkDocs style admonitions fall back to a default and docusaurus style only renders known types.

Examples:

:::note
Remember, the best time to plant a tree was 20 years ago.
The second best time is now. So, plant that code!
:::
!!! note
    *here be dragons*

This and the other divs will be displayed like this in dark mode in VS Code:

Parallel sample

They can also be stacked:

Stacked sample

The markdown for the four divs will be shown like above if the extension is enabled. Otherwise they will be four paragraphs of text.

Additional info at Docusaurus.

Based on markdown-it, markdown-it-container and markdown-it-admon.

Requirements

Runs in Visual Studio Code.

Extension Settings

This extension contributes the following settings:

  • markdownAdmonitions.enable: Enable/disable this extension.

Known Issues

None.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft