Stepper

複数ステップに分かれた操作の進行状況を示すコンポーネントです。手続きの現在位置や全体ステップ数を可視化するときに使います。

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

モバイル

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

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

使い方チェックリスト

Stepper

参照元：モバイル 「モバイル」の本文へ移動

• Must

  モバイル環境で `type="horizontal"` を使用すると水平方向のスクロールが生じる場合は `type="vertical"` を使う
• Should

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

Props