Steps 步骤条
你可以使用步骤条来显示流程步骤的列表。
| 类名 | 类型 | |
|---|---|---|
| steps | 组件类 | Container of step items |
| step | 组件类 | A step item |
| step-primary | 装饰类 | Adds `primary` color to step |
| step-secondary | 装饰类 | Adds `secondary` color to step |
| step-accent | 装饰类 | Adds `accent` color to step |
| step-info | 装饰类 | Adds `info` color to step |
| step-success | 装饰类 | Adds `success` color to step |
| step-warning | 装饰类 | Adds `warning` color to step |
| step-error | 装饰类 | Adds `error` color to step |
| steps-vertical | 响应类 | makes `steps` vertical |
| steps-horizontal | 响应类 | makes `steps` horizontal |
# Horizontal
- Register
- Choose plan
- Purchase
- Receive Product
# Vertical
- Register
- Choose plan
- Purchase
- Receive Product
# responsive (vertical on small screen, horizontal on large screen)
- Register
- Choose plan
- Purchase
- Receive Product
# With data-content
- Step 1
- Step 2
- Step 3
- Step 4
- Step 5
- Step 6
- Step 7
# Custom colors
- Fly to moon
- Shrink the moon
- Grab the moon
- Sit on toilet
# With scrollable wrapper
- start
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- end
你有什么问题么？ 向社区提问题
你发现了 bug 么？ 在 GitHub 提 issue
你喜欢 daisyUI？ 在 twitter、知乎、微博宣传 daisyui 吧！
支持daisyUI的开发:
Open Collective
