Steps

Docs

Steps

Adding steps to your docs

it is an optional component which won't be loaded by default.

Buy Coffee

Some text here

Go to Office

Some text here

Have a meeting

Some text here

Usage

Put your steps into the Steps container.

import { Step, Steps } from 'next-docs-ui/components/steps'
 
<Steps>
<Step>
 
### Hello World
 
</Step>
 
<Step>
 
### Hello World
 
</Step>
</Steps>

Without imports

You can directly use the CSS classes without importing it.

<div className="nd-steps">
  <div className="nd-step" />
</div>

Last updated on

Roll Button

Tabs

Buy Coffee

Go to Office

Have a meeting

Usage

Without imports

On this page