Stepper

連続する操作を、操作のステップごとにグルーピングするコンポーネントです。

ステップの進行状況に応じて、現在地や完了のステータスを適切に表現してください。

モバイル

モバイル環境では画面の幅が狭いので、type="horizontal"を使用していると水平方向のスクロールが生じることがあります。その場合はtype="vertical"を使用してください。

隣接するセクションとのレイアウト調整が困難な場合は、Stepperを使用せず他の表現方法を検討してください。

Props

type必須
"horizontal" "vertical"
steps必須
Step[] VerticalStep[]

type=vertical では子要素を持てる

activeIndex
number

現在地。0始まり。