Skip to content
CtrlK

ArdoSteps

On this page

A wrapper for step-by-step instructions rendered as an ordered list.

import { ArdoSteps } from "ardo/ui"

<ArdoSteps>{children}</ArdoSteps>

Props

NameTypeRequiredDescription
childrenReactNodeYesContent to display, typically an ordered list (<ol>)

Props type: ArdoStepsProps

Example

<ArdoSteps>
  <ol>
    <li>Install the package</li>
    <li>Configure your site</li>
    <li>Start writing</li>
  </ol>
</ArdoSteps>