菜单

步骤
步骤显示一系列活动中某项活动的完成状态

下载

类型

步骤

单个步骤

送货

步骤

一组步骤

响应式元素

步骤将在移动设备上自动堆叠。要使步骤在平板电脑上自动堆叠,请使用 tablet stackable 变体。

送货
选择您的送货选项
账单
输入账单信息
确认订单

已下单

步骤可以显示有序的步骤序列

送货
选择您的送货选项
账单
输入账单信息
确认订单
验证订单详情

垂直

步骤可以垂直堆叠显示

送货
选择您的送货选项
账单
输入账单信息
确认订单
验证订单详情

内容

描述

步骤可以包含描述

送货
选择您的送货选项

图标

步骤可以包含图标

送货
选择您的送货选项

状态

活动

步骤可以突出显示为活动状态

账单
输入账单信息

已完成

步骤可以显示用户已完成它

账单
输入账单信息
账单
输入账单信息

禁用

步骤可以显示它不可选择

账单

变体

可堆叠

步骤仅在较小的屏幕上垂直堆叠

送货
选择您的送货选项
账单
输入账单信息
确认订单
验证订单详情

流体

流体步骤将占用其容器的宽度

送货
选择您的送货选项
账单
输入账单信息

步骤占用整列宽度

不可堆叠
2.2.11 版新增功能

步骤可以阻止自己在移动设备上堆叠

送货
选择您的送货选项
账单
输入账单信息
确认订单
验证订单详情

附加

步骤可以附加到其他元素

送货
选择您的送货选项
账单
输入账单信息
确认订单
验证订单详情
送货
选择您的送货选项
账单
输入账单信息
确认订单
验证订单详情

平均分配

步骤可以在其父级内部平均分配

送货
账单
确认订单
账单
确认订单

大小

步骤可以有不同的尺寸

送货
选择您的送货选项
账单
输入账单信息
确认订单
验证订单详情
送货
选择您的送货选项
账单
输入账单信息
确认订单
验证订单详情
送货
选择您的送货选项
账单
输入账单信息
确认订单
验证订单详情
送货
账单
送货
账单
送货
账单
送货
账单

调光器消息
调光器副标题