{"repo":"devrnt/react-use-wizard","free":true,"listed":false,"github":"https://github.com/devrnt/react-use-wizard","clone":"git clone https://github.com/devrnt/react-use-wizard.git","description":"🧙 A React wizard (stepper) builder without the hassle, powered by hooks.","language":"TypeScript","stars":662,"topics":["react","javascript","hooks","typescript","hook","reactjs","react-wizard","stepper","react-stepper","react-use"],"license":"MIT","category":"ui-components","readme_excerpt":"react-use-wizard A React wizard (stepper) builder without the hassle, powered by hooks. Features - Simplicity - Focused on logic - Zero dependencies - No UI restrictions - Tiny size - Written in TypeScript Installation Quickstart Links - API - Playground - Examples - Async - Animation - IE11 API - Wizard - useWizard Wizard Wizard is used to wrap your steps. Each child component will be treated as an individual step. You can pass a shared footer and header component that should always be in your steps. Example: pass a footer component that contains a \"previous\" and \"next\" button to the wizard. Props name type description required default ---------- --------------- ---------------------------------------------------------- -------- ------- startIndex number Indicate the wizard to start at the given step ❌ 0 header React.ReactNode Header that is shown above the active step ❌ footer React.ReactNode Footer that is shown below the active step ❌ onStepChange (stepIndex) Callback that will be invoked with the new step index when the wizard changes steps ❌ wrapper React.React.ReactElement Optional wrapper that is exclusively wrapped around the active step component. It is not wrapped around the header and footer ❌ children React.ReactNode Each child component will be treated as an individual step ✔️ Example useWizard Used to retrieve all methods and properties related to your wizard. Make sure Wizard is wrapped around your component when calling useWizard . handleStep is used to attac","default_branch":null,"files":null,"tree":[],"storefront":"/r/devrnt","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/devrnt/react-use-wizard/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}