メインコンテンツへスキップ
BlueAI
ホーム/コンポーネント/ナビゲーション/ステッパー Stepper

Stepper

ウィザードやフォームのステップ進行状況を表示するコンポーネント。

|
import { Stepper } from "@blueai/ui"

Examples

Interactive
<Stepper steps={["基本情報", "詳細設定", "確認", "完了"]} currentStep={1} />
First step
<Stepper steps={["入力", "確認", "送信"]} currentStep={0} />

Props

PropTypeDefaultDescription
steps*string[]ステップラベルの配列
currentStep*number現在のステップ(0始まり)