Example Procedure

Replace this page with a real procedure. Each .md file in a folder under src/content/docs/ becomes a page.

Steps

1. First step.
2. Second step.
3. Third step.

Adding pictures

Put images next to the page and link them with a relative path. They’re resized and compressed automatically at build time:

![The register screen](./images/register-screen.jpg)

Picture beside text

To put a picture beside text instead of below it, use Beside. The page must end in .mdx, and needs two import lines under the header (see the top of this file).

On phones the picture moves below the text automatically.

<Beside image={examplePhoto} alt="What the photo shows">

Your text here. Leave a blank line after the opening tag
and before the closing one.

</Beside>

Add side="left" to put the picture on the left, or width="50%" to make it bigger (the default is 35%).

Tip

Use callouts like this for tips, and :::caution / :::danger for warnings.