跳转到主要内容
标题
通过突出显示活动步骤来显示一系列编号步骤的进度。 它呈现一个包含步骤的容器,每个步骤由 Step 组件表示。
import { StepBar } from "@/ui/navigation/step-bar/components/StepBar";

export const MyComponent = () => {
  return (
    <StepBar activeStep={2}>
      <StepBar.Step>Step 1</StepBar.Step>
      <StepBar.Step>Step 2</StepBar.Step>
      <StepBar.Step>Step 3</StepBar.Step>
    </StepBar>
  );
};