跳到正文
Linasan UI

Stepper 步骤条

分步流程的进度。

  1. 填写信息
  2. 2选择套餐
  3. 3确认支付
  4. 4完成
  1. 填写信息
  2. 选择套餐
  3. 确认支付
  4. 完成

安装

pnpm dlx shadcn@latest add https://docs.linasan.cn/r/stepper.json

第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。

用法

import { LineSteps, Stepper } from '@/components/display/stepper';

<Stepper steps={['填写信息', '确认', '完成']} current={1} />

属性

属性

类型

本页目录