ToolHost Step

展示工作流中的一个步骤,可设置标题、说明、序号/总数、状态、进度及 slot 详情。

HTML 示例

<slex-step title="项目信息" description="填写项目名称。" index="1" total="3">
  <slex-input label="项目名称" placeholder="my-project"></slex-input>
</slex-step>

API 参考

默认值描述省略属性时的渲染行为,不表示 property getter 必然返回相同值;auto 表示按说明推导。布尔属性按是否存在判断,数组通过 JavaScript property 传入。

Property / 属性 类型 默认值 说明
title string "" 步骤标题。
description string "" 标题下方的辅助文本。
index string / number 未设置 当前步骤序号;未设置 total 时单独显示。
total string / number 未设置 步骤总数,与 index 一起显示为 index/total。
state string 未设置 供主题样式使用的状态数据值。
progress string / number "" 显式进度标签;非空时优先于 index 与 total。

插槽:默认插槽,接收普通 HTML 或自定义元素。

接口摘要

准确类型与完整描述以 dist/custom-elements.json 为准。标量初值使用属性,数组/对象使用 JavaScript property,交互使用原生事件。