|  | 
|  | 1 | +--- | 
|  | 2 | +title: Markdown Syntax | 
|  | 3 | +description: Text, title, and styling in standard markdown. | 
|  | 4 | +--- | 
|  | 5 | + | 
|  | 6 | +## Titles | 
|  | 7 | + | 
|  | 8 | +Best used for page titles, headers, and sidebars. | 
|  | 9 | + | 
|  | 10 | +::code-preview{class="[&>div]:*:my-0"} | 
|  | 11 | + | 
|  | 12 | +## Titles | 
|  | 13 | + | 
|  | 14 | +#code | 
|  | 15 | + | 
|  | 16 | +```mdc | 
|  | 17 | +## Titles | 
|  | 18 | +``` | 
|  | 19 | + | 
|  | 20 | +:: | 
|  | 21 | + | 
|  | 22 | +### Subtitles | 
|  | 23 | + | 
|  | 24 | +Best used for page titles, headers, and sidebars. | 
|  | 25 | + | 
|  | 26 | +::code-preview{class="[&>div]:*:my-0"} | 
|  | 27 | + | 
|  | 28 | +### Subtitles | 
|  | 29 | + | 
|  | 30 | +#code | 
|  | 31 | + | 
|  | 32 | +```mdc | 
|  | 33 | +### Subtitles | 
|  | 34 | +``` | 
|  | 35 | + | 
|  | 36 | +:: | 
|  | 37 | + | 
|  | 38 | +::tip | 
|  | 39 | +Each title and subtitle creates an anchor and shows up automatically in the table of contents. | 
|  | 40 | +:: | 
|  | 41 | + | 
|  | 42 | +## Text Formatting | 
|  | 43 | + | 
|  | 44 | +Nuxt UI Pro supports most markdown formatting options. | 
|  | 45 | + | 
|  | 46 | +| Style  | How to use   | Result     | | 
|  | 47 | +|--------|--------------|------------| | 
|  | 48 | +| Bold   | `**bold**`   | **Bold**   | | 
|  | 49 | +| Italic | `*italic*`   | *Italic*   | | 
|  | 50 | +| Strike | `~~strike~~` | ~~Strike~~ | | 
|  | 51 | + | 
|  | 52 | +You can also combine them: | 
|  | 53 | + | 
|  | 54 | +| Style         | How to use          | Result            | | 
|  | 55 | +|---------------|---------------------|-------------------| | 
|  | 56 | +| Bold Italic   | `**_bold italic_**` | **_Bold Italic_** | | 
|  | 57 | +| Bold Strike   | `~~**bold**~~`      | ~~**Bold**~~      | | 
|  | 58 | +| Italic Strike | `~~*italic*~~`      | ~~*Italic*~~      | | 
|  | 59 | + | 
|  | 60 | +## Blockquotes | 
|  | 61 | + | 
|  | 62 | +### Singleline | 
|  | 63 | + | 
|  | 64 | +To create a blockquote, add a `>` in front of a paragraph. | 
|  | 65 | + | 
|  | 66 | +::code-preview{class="[&>div]:*:my-0"} | 
|  | 67 | + | 
|  | 68 | +> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. | 
|  | 69 | +
 | 
|  | 70 | +#code | 
|  | 71 | + | 
|  | 72 | +```mdc | 
|  | 73 | +> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. | 
|  | 74 | +``` | 
|  | 75 | + | 
|  | 76 | +:: | 
|  | 77 | + | 
|  | 78 | +### Multiline | 
|  | 79 | + | 
|  | 80 | +::code-preview{class="[&>div]:*:my-0"} | 
|  | 81 | + | 
|  | 82 | +> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. | 
|  | 83 | +>  | 
|  | 84 | +> Create beautiful, responsive, and accessible Vue applications with Nuxt UI Pro. | 
|  | 85 | +
 | 
|  | 86 | +#code | 
|  | 87 | + | 
|  | 88 | +```mdc | 
|  | 89 | +> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. | 
|  | 90 | +>  | 
|  | 91 | +> Create beautiful, responsive, and accessible Vue applications with Nuxt UI Pro. | 
|  | 92 | +``` | 
|  | 93 | + | 
|  | 94 | +:: | 
|  | 95 | + | 
|  | 96 | +## Links | 
|  | 97 | + | 
|  | 98 | +To create a link, wrap the link text in brackets `[]()`. | 
|  | 99 | + | 
|  | 100 | +::code-preview{class="[&>div]:*:my-0"} | 
|  | 101 | + | 
|  | 102 | +[Nuxt UI Pro](https://ui3.nuxt.dev/getting-started/installation/pro/nuxt) | 
|  | 103 | + | 
|  | 104 | +#code | 
|  | 105 | + | 
|  | 106 | +```mdc | 
|  | 107 | +[Nuxt UI Pro](https://ui3.nuxt.dev/getting-started/installation/pro/nuxt) | 
|  | 108 | +``` | 
|  | 109 | + | 
|  | 110 | +:: | 
|  | 111 | + | 
|  | 112 | +### Links to other pages | 
|  | 113 | + | 
|  | 114 | +Links to other pages of your documentation needs to be root-relative. For example, if you have a page called `getting-started/installation`, the link to that page should be `[Installation](/getting-started/installation)`. | 
|  | 115 | + | 
|  | 116 | +::code-preview{class="[&>div]:*:my-0"} | 
|  | 117 | + | 
|  | 118 | +[Installation](/getting-started/installation) | 
|  | 119 | + | 
|  | 120 | +#code | 
|  | 121 | + | 
|  | 122 | +```mdc | 
|  | 123 | +[Installation](/getting-started/installation) | 
|  | 124 | +``` | 
|  | 125 | + | 
|  | 126 | +:: | 
0 commit comments