Steps

Steps lay out a sequence of instructions as a numbered, vertical walkthrough. Numbering is automatic.

Example

Install

Add Axerity to your project:

pnpm add axerity

Create a page

Drop a Markdown file into src/content/docs.

Run it

Start the dev server with pnpm dev and open the page.

Usage

Wrap Steps in Steps. Each Step takes an optional title. Keep the blank lines around content so the Markdown is parsed:

<script>	import { Steps, Step } from '$lib';</script><Steps>	<Step title="Install">    ```bash    pnpm add axerity    ```    </Step>    <Step title="Run it">    Start the dev server.    </Step></Steps>

Props

Component	Prop	Description
`Step`	`title`	Step heading (optional)