import { Steps } from 'rsuite';
Examples
Basic
Title
Finished
In progress
Waiting
Waiting
Description
Finished
This is a description.
In Progress
This is a description.
Waiting
This is a description.
Waiting
This is a description.
Vertical
Finished
In progress
Waiting
Waiting
Finished
Description
In Progress
Description
Waiting
Description
Waiting
Description
Error Status
In progress
Waiting
Waiting
Small
Finished
In progress
Waiting
Waiting
Custom Icon
Finished
In Progress
Waiting
Waiting
Dynamic
Finished
Description
In Progress
Description
Waiting
Description
Waiting
Description
Step: 1
Props
<Steps>
Property | Type (Default) |
Description |
---|---|---|
classPrefix | string ('steps') |
The prefix of the component CSS class |
current | number(0) |
Current execution steps |
currentStatus | 'finish' | 'wait' | 'process' | 'error' ('process') |
Current Execution Step Status |
small | boolean | Small size Step Bar |
vertical | boolean | Vertical display |
<Steps.Item>
Property | Type (Default) |
Description |
---|---|---|
classPrefix | string ('steps-item') |
The prefix of the component CSS class |
description | ReactNode | The description of Steps item |
icon | Element<typeof Icon> , | Set icon |
status | 'finish' | 'wait' | 'process' | 'error' | Step status |
title | ReactNode | The title of Steps item |