# SuSteps01 步骤条。
> 引导用户按照流程完成任务的分步导航条，可根据实际应用场景设定步骤，步骤不得少于 2 步。

## 导入使用
```code[javascript]
import SuSteps01 from "ss-universal-client-web/comp/widget/su-steps-01";
```
### 简洁风格的步骤条
:::demo 
```html
<template>
    <su-steps-01 
            :activeIndex="activeIndex" 
            :isShowNumber="isShowNumber"
            :stepsListTitle="stepsListTitle"
    ></su-steps-01>
</template>
<script>
// import seSteps from "ss-universal-client-web/comp/widget/su-steps-01"
export default {
    data(){
        return {
            activeIndex: 0,
            isShowNumber: true,
            stepsListTitle:[
                {title: '步骤一'},
                {title: '步骤二'},
                {title: '步骤三'},
                {title: '步骤四'},
            ]               
        }
    },
    components:{
        seSteps01
    },
    methods: {
    }
};
</script>
```
:::
### Attributes
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| activeIndex         | 设置当前激活步骤 |Number | - | 0 |
| isShowNumber        | 是否显示数字步骤  |Boolean | - |false