API リファレンス

stepper の完全な仕様をここにまとめました。バインド、リッスン、プロジェクション、テーマ設定ができるすべてが一か所に集約されています。必要なものを接続し、好きなようにスタイリングしてください — standalone で signal フレンドリーです。

7 個のインプットで stepper を調整。通常の Angular @Input と同じようにバインドできます。

名前	型	デフォルト	説明
`options (hub-stepper)`	`StepperOptions`	`{}`	Stepper の設定オブジェクト: `layout`（`vertical` \| `sidebar`）と `rtl`（boolean）。
`backLabel (hub-stepper)`	`string \| null`	`null`	"Back" コントロールのラベルを上書きします。null の場合は組み込みの i18n ラベルにフォールバックします。
`continueLabel (hub-stepper)`	`string \| null`	`null`	"Continue" コントロールのラベルを上書きします。
`submitLabel (hub-stepper)`	`string \| null`	`null`	最終ステップの "Submit" コントロールのラベルを上書きします。
`railLabel (hub-stepper)`	`string`	`'Steps'`	ステップレールの tablist のアクセシブルな名前。
`title (hub-step)`	`string`	—	stepper ナビゲーションに表示されるステップのタイトル。
`disabled (hub-step)`	`boolean`	`false`	このステップへのナビゲーションを無効にします。

stepper の動作に反応 — ロジックを接続できる 3 個のイベント。

名前	型	説明
`completed (hub-stepper)`	`EventEmitter<void>`	ユーザーが最終ステップを送信したときに発行されます。
`nextStep (hub-stepper)`	`EventEmitter<number>`	ステップに進むときに、新しいステップのインデックスとともに発行されます。
`previousStep (hub-stepper)`	`EventEmitter<number>`	ステップに戻るときに、新しいステップのインデックスとともに発行されます。

テンプレートはまだドキュメント化されていません。