A component for displaying ordered steps or instructions in MDX documents. Steps are automatically styled with numbering for a clear sequential flow.
Steps
import { Steps } from '@lobehub/ui/mdx';A component for displaying ordered steps or instructions in MDX documents. Steps are automatically styled with numbering for a clear sequential flow.
import { Steps } from '@lobehub/ui/mdx';| Property | Description | Type | Default |
|---|---|---|---|
| children | The content of the steps (typically markdown ordered lists) | ReactNode | - |
| className | Additional CSS class | string | - |
| style | Additional styles | CSSProperties | - |
Note: Steps works best with ordered lists <ol> in MDX content, styling them with proper numbering and visual hierarchy.
Contents for step 1.
Contents for step 2.