xyd 0.1.0-alpha - Coming Soon

Components
/
Steps

Steps

Steps component that renders a numbered list of steps or stages. Use this component to display a sequence of steps in a process or workflow.

Props

  • children
    React.ReactNode
    Required
    Content to be rendered inside the steps list
  • className
    string
    Optional CSS class name to be applied to the steps container
  • kind
    "secondary"
    Optional kind of steps to be rendered
<Steps>
<Steps.Item>
Click `API Tokens` from left menu
</Steps.Item>
<Steps.Item>
In the upper-right corner of API Tokens page, click the creation button
</Steps.Item>
<Steps.Item>
Give your token a descriptive name
</Steps.Item>
</Steps>
:::steps{kind="secondary"}
1. Click `API Tokens` from left menu
2. In the upper-right corner of API Tokens page, click the creation button
3. Give your token a descriptive name
:::
Edit page
Built with

Show your support! Star us on GitHub ⭐️