Steps
Explain a sequence of actions in order.
On this page
Write your documentation.
Run a production build.
View code
import Step from "@chitrank2050/monoline-docs/components/Step.astro";
import Steps from "@chitrank2050/monoline-docs/components/Steps.astro";
<Steps>
<Step>
<p>Write your documentation.</p>
</Step>
<Step>
<p>Run a production build.</p>
</Step>
</Steps>Usage
Import both Steps and Step. Steps creates the ordered procedure; Step supplies each instruction. Neither component accepts configuration props. Its default slot holds the content.
Steps renders an ordered list. Put Step children in its default slot; use it only when order matters.
Commands within a procedure
Configure the site.
monoline-docs buildPreview the output.
View code
import CodeBlock from "@chitrank2050/monoline-docs/components/CodeBlock.astro";
import Step from "@chitrank2050/monoline-docs/components/Step.astro";
import Steps from "@chitrank2050/monoline-docs/components/Steps.astro";
<Steps>
<Step>
<p>Configure the site.</p>
<CodeBlock code="monoline-docs build" language="sh" />
</Step>
<Step>
<p>Preview the output.</p>
</Step>
</Steps>API reference
This component has no public props. Its default slot contains the child content described above.
Behavior and accessibility
Steps renders an ordered list; Step is its list item. Use this pair when sequence matters, and give each step a concrete action.