Steps

多步骤流程指示，支持横向与纵向。

最后更新

说明

Current 为当前步骤序号，Vertical 切换为纵向流程。

常见能力：

  • 横向/纵向
  • 图标步骤
  • 描述文字

用法

<Steps Items="@steps" @bind-Current="@step" />

API 参数

参数 类型 默认值 说明
Current int 0 当前步骤索引（0 基）。
CurrentChanged EventCallback<int> — 事件
Items List<StepItem> []
Vertical bool false 垂直排列。
Visible bool true 取得或设置组件是否可见，默认为false。
VisibleChanged EventCallback<bool> — 事件 取得或设置组件可见性变化时的回调事件。
Class string null 取得或设置组件的CSS类名，用于自定义样式。
Disabled bool false 取得或设置组件是否禁用，默认为false。
Style string null 取得或设置组件的内联样式，用于自定义样式。

所有组件均继承 BaseComponent，除上表参数外还支持 Class、Style、Disabled、Visible。

微信公众号二维码 扫码关注公众号
QQ 交流群二维码 扫码加入 QQ 群