# Examples Document

## Support for table rendering, checkboxes, citations

| Left | Center | Right |
| :--- | :---: | ---: |
| a    | b      | c     |

- [x] Done
- [ ] Pending

See citation[^1].

[^1]: Source details.




## Support for styled alerts

![build](https://img.shields.io/badge/build-passing-brightgreen)

> [!NOTE]
> Useful background information and context.

> [!TIP]
> Helpful advice for best practices.

> [!IMPORTANT]
> Key information users need to know.

> [!WARNING]
> Warnings about potential pitfalls or issues.

> [!CAUTION]
> Critical warnings regarding potential data loss or breakages.




## Support for latex

```latex
\frac{\partial L}{\partial w} = \sum_{i=1}^{n} (y_i - \hat{y}_i) x_i
```

Inline math also works: $E = mc^2$ and display form:

$$
\int_0^1 x^2 \, dx = \frac{1}{3}
$$



## Support for emoji

Status icons in prose: ✅ Done · ⏳ Pending · ❌ Failed · 🚀 Ship it

Reaction row: 👍 👎 ❤️ 🎉 🔥 👀

Team notes: 📝 Draft · 🐛 Bug · ✨ Feature · 🔒 Security · 📦 Release



## Support for mermaid

```mermaid
graph TD
  A[Markdown File] -->|Marked| B(HTML)
  B -->|Puppeteer| C[Chromium]
  C -->|page.pdf| D((PDF))
```

```mermaid
sequenceDiagram
  participant User
  participant API
  participant Chrome
  User->>API: POST /api/convert
  API->>Chrome: Render + print
  Chrome-->>API: PDF buffer
  API-->>User: Download
```



## Support for slides

````carousel
```markdown
### Slide 1 — Overview
Compile Markdown to a print-ready PDF with GFM, Mermaid, and LaTeX.
```
<!-- slide -->
```markdown
### Slide 2 — Diagrams
Use `mermaid` fences for flowcharts and sequence diagrams.
```
<!-- slide -->
```markdown
### Slide 3 — Math & HTML
KaTeX equations and embedded HTML5 tags are styled for paper.
```
````



## HTML support for these elements

<details>
<summary>Click to expand extra details</summary>
<p>Hidden accordion content is forced open in the PDF so it prints.</p>
</details>

Keyboard shortcuts: press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy.

Text styling: H<sub>2</sub>O, E=mc<sup>2</sup>, <mark>highlighted</mark>,
<ins>inserted</ins>, <del>deleted</del>, and <abbr title="HyperText Markup Language">HTML</abbr>.

Also <samp>sample output</samp>, <var>x</var>, <cite>Source Title</cite>, and <small>fine print</small>.

<figure>
<img src="https://placehold.co/480x160/png" alt="Placeholder figure">
<figcaption>Example figure with caption</figcaption>
</figure>

<dl>
  <dt>PrintifyMarkdown</dt>
  <dd>Markdown + Mermaid + LaTeX → high-fidelity PDF</dd>
  <dt>BaseStation</dt>
  <dd>Publisher of PrintifyMarkdown</dd>
</dl>

<audio controls src="https://www.w3schools.com/html/horse.mp3"></audio>

<iframe title="Example embed" src="https://example.com" width="560" height="200"></iframe>

---
*Generated for PrintifyMarkdown (BaseStation).*