Markdown

Markdown

Markdown renderable supports headings, lists, tables and fenced code blocks. Pass your markdown string to the content property.

<markdown
  content={"# Notes

- keyboard
- render loop

Code sample:
const ok = true"}
/>

You can disable parsing of specific features (such as tables) via props, or integrate with Tree‑sitter to highlight code fences.

For docs-style UIs, put Markdown inside a ScrollBox and add a persistent header/footer around it. This gives you a “reader mode” experience for long documents.

<scrollbox height={18} border>
  <markdown
    content={
      "# Getting started\n\n" +
      "## Commands\n\n" +
      "- **Enter**: submit\n- **Esc**: cancel\n\n" +
      "## Example\n\n" +
      "~~~ts\n" +
      "const value = 42\n" +
      "console.log(value)\n" +
      "~~~\n"
    }
  />
</scrollbox>

Props