The `GlMarkdown` component styles markdown-generated HTML following the Pajamas Documentation Markdown
[styling specifications](https://www.figma.com/file/qEddyqCrI7kPSBjGmwkZzQ/Pajamas-UI-Kit---Beta?node-id=542%3A2).
## Usage
You can use the `GlMarkdown` component in two ways.
### Vue component
```html
```
### `gl-markdown` class selector
Follow the [GitLab UI CSS guidelines](https://gitlab.com/gitlab-org/gitlab-ui/-/blob/main/doc/css.md)
to include GitLab UI CSS in your application. Afterwards, you can apply the `gl-markdown` class
selector to the root element that contains the markdown-generated HTML.
```html
```
### Compact markdown
Set the `compact` property to true in `GlMarkdown` to apply the compact markdown styles.
```html
```
You can also append the `gl-compact-markdown` class selector after `gl-markdown` in markdown-generated
HTML.
```html
```