ナビゲーション v1.0.0

ステッパー

ウィザード、チェックアウトフロー、オンボーディングのためのマルチステッププログレスインジケーター。 完了したステップ間のクリックナビゲーション、リニアモード（前後のみ）、 フリーモード（任意のステップにジャンプ）に対応しています。番号付き丸、ミニマルドット、 垂直タイムラインレイアウトの視覚スタイルを含みます。

ナンバード

線でつながれた水平の番号付き丸。完了したステップにはチェックマークを表示。

オプション

名前 型 デフォルト 説明
steps * Array 必須 Array of hashes with :title (String) and optional :description (String)
current_step Integer 0 Zero-based index of the current step
mode Symbol :linear Navigation mode: :linear (sequential) or :free (jump to any)

ドット

ラベル付きのミニマルな水平ドット。短いフローにコンパクト。

オプション

名前 型 デフォルト 説明
steps * Array 必須 Array of hashes with :title
current_step Integer 0 Current step index
mode Symbol :linear :linear or :free

バーティカル

コネクターライン、タイトル、説明付きの縦積み。タイムライン風。

オプション

名前 型 デフォルト 説明
steps * Array 必須 Array of hashes with :title and :description
current_step Integer 0 Current step index
mode Symbol :linear :linear or :free

変更履歴 v1.0.0

- v1.0.0: Initial release with numbered, dot, and vertical styles

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得