Getting started

Page title

Lead paragraph. Use plain <p> for prose, <strong> for emphasis, <em> for italics, and <code> for inline code or identifiers. Links look like this cross-link.

Callout

An info callout. Swap the class for callout-warning or callout-success to change the tone.

A section heading

Every <h2> and <h3> in this content area is automatically listed in the “On this page” panel on the right (the script reads the headings on load).

A card

Card grid for linking out to related pages or actions.

Another card

Cards wrap responsively and flip with the theme.

Lists and tables

An unordered list item.
Another item, with inline code.

First ordered step.
Second ordered step.

Field	What it does
Example	Tables render with the docs theme automatically.
Another	Keep cells short for readability.

Code blocks

Wrap multi-line code in <pre><code>:

npm install
npm run dev

A sub-section

Use <h3> for nested headings — they indent under their parent in the on-this-page list.