ステップバー

タスクに沿ってユーザーを段階的に誘導するナビゲーションバーです。

使用シーン

属性	説明	タイプ	デフォルト
`animation`	アニメーションを有効にするかどうか	`boolean`	`true`
`contentRender`	コンテンツのカスタムレンダリング	`(item: StepsDataSource, index: number)=> ReactNode`	-
`current`	現在のステップ	`number`	`1`
`dataSource`	ステップデータ	StepsDataSource[]	`[ { "title": "ステップ1", "content": "冷蔵庫のドアを開ける" }, { "title": "ステップ2", "content": "象を冷蔵庫に入れる" }, { "title": "ステップ3", "content": "冷蔵庫のドアを閉める" } ]`
`direction`	ステップバーの表示方向	`'horizontal' \| 'vertical'`	`'horizontal'`
`labelPlacement`	コンテンツのレイアウト	`'horizontal' \| 'vertical'`	`'vertical'`
`onClick`	ステップをクリックしたときに発火するイベント	`(index: number) => void`	-
`readOnly`	閲覧のみモードを有効にするかどうか	`boolean`	`false`
`shape`	ステップバーの表示タイプ	`'circle' \| 'arrow' \| 'dot'`	`'circle'`