example.md

Hello

Hello World from vscode-mdc

This file contains the basic Markdown Components syntax

::hero :::card A nested card

::::card { title="Card title" .red}
  A **super** nested card
::::

::: ::

::hero Default slot text

#description This will be rendered inside the description slot. ::

• List A
• List B
  • List B.1

{.w-30.mt--10.mb-5}

Hello{.text-red}

Hello World{class="text-green text-xl"}

Link{class="nuxt"}

{#nuxt-logo}

code{style="color: red"}

italic{style="color: blue"}

bold{style="color: blue"}

npm i nuxt

import MarkdownIt from 'markdown-it'
import mdc from 'markdown-it-mdc'

// :warning: this line should not be transformed
const md = new MarkdownIt()
  .use(mdc)

Nested <style scoped> .mdc-button { background-color: #ff0000; } </style>