useStep

キーボード対応のステップナビゲーションフック

インポート

使い方

基本的な使い方

縦書きプレビューに切り替え

パラメーター

initialCount: Type: number; Default: -
maxCount: Type: number; Default: -

Prop	Type	Default
`initialCount`	`number`	-
`maxCount`	`number`	-

const { count, back, next, isDisabledBack, isDisabledNext } = useStep({
  initialCount: 1,
  maxCount: 5,
});

return (
  <div>
    <button disabled={isDisabledBack} onClick={back}>Back</button>
    <span>Step {count} / 5</span>
    <button disabled={isDisabledNext} onClick={next}>Next</button>
  </div>
);