SCALE — Build Lab
UI部品 · REACT COMPONENT

ステップウィザード

CATEGORYUI部品 TYPEReact Component EFFORT120〜240分 DIFFICULTY
前提条件
Tailwind CSS v4TypeScript 5
USE CASES
  • オンボーディング
  • 契約フロー
  • 注文確定

ステップウィザード

:LiTarget: 用途

長いプロセスをステップ分割。進捗・前後移動・各ステップバリデーション。

:LiSparkle: 特徴

  • ステップ表示
  • 進捗インジケータ
  • ナビゲーション
  • ステップ別検証

:LiHandPointer: 使い方

対象プロジェクトに該当ファイルをコピーして、props を流し込むだけ。

:LiAlertCircle: 注意事項

  • 依存パッケージを忘れず追加