{"id":22558407,"url":"https://github.com/vincentntang/multistep-wizard-formik-yup-reactstrap","last_synced_at":"2025-07-03T19:33:41.421Z","repository":{"id":42099605,"uuid":"221224355","full_name":"vincentntang/multistep-wizard-formik-yup-reactstrap","owner":"vincentntang","description":"👨‍🚀 Multistep Forms in React","archived":false,"fork":false,"pushed_at":"2023-01-06T00:01:41.000Z","size":1030,"stargazers_count":7,"open_issues_count":21,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-10T06:39:36.814Z","etag":null,"topics":["form","formik","multistep","reactstrap","validator","wizard","wizard-multistep","yup","yup-validation"],"latest_commit_sha":null,"homepage":"https://codesandbox.io/s/formik-multiform-wizard-yup-reactstrap-ogfr2","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vincentntang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-11-12T13:28:15.000Z","updated_at":"2023-08-23T01:39:42.000Z","dependencies_parsed_at":"2023-02-05T00:05:15.879Z","dependency_job_id":null,"html_url":"https://github.com/vincentntang/multistep-wizard-formik-yup-reactstrap","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vincentntang/multistep-wizard-formik-yup-reactstrap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vincentntang%2Fmultistep-wizard-formik-yup-reactstrap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vincentntang%2Fmultistep-wizard-formik-yup-reactstrap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vincentntang%2Fmultistep-wizard-formik-yup-reactstrap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vincentntang%2Fmultistep-wizard-formik-yup-reactstrap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vincentntang","download_url":"https://codeload.github.com/vincentntang/multistep-wizard-formik-yup-reactstrap/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vincentntang%2Fmultistep-wizard-formik-yup-reactstrap/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263388783,"owners_count":23459265,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["form","formik","multistep","reactstrap","validator","wizard","wizard-multistep","yup","yup-validation"],"created_at":"2024-12-07T20:14:38.044Z","updated_at":"2025-07-03T19:33:41.367Z","avatar_url":"https://github.com/vincentntang.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Intro\n\nThis is an example of how of using Formik's base wizard multistep example. \n\nFeatures\n\n- Yup validation library\n- Reactstrap integration examples\n\nhttps://codesandbox.io/s/formik-multiform-wizard-yup-reactstrap-ogfr2\n\n## Installation\n\n```\nnpm install\nnpm run start\n```\n\n## Some notes below of everything I used to make this repo\n\n- (Formik base wizard example, no Yup validators) - https://github.com/jaredpalmer/formik/blob/master/examples/MultistepWizard.js\n- (Formik base example with Yup) - https://codesandbox.io/s/zKrK5YLDZ\n \nIssue log I used to upgrade / patch formik together\n\n- (Passing props to each page) - https://github.com/jaredpalmer/formik/issues/844\n- (Validations on each page only) - https://codesandbox.io/s/k5m5po380v\n- (Validations on each page only - DOCS) - https://github.com/jaredpalmer/formik/issues/867 \n- (Integrating Reactstrap Inputs using tag={Field}) - https://github.com/jaredpalmer/formik/issues/670\n\n- Additional useful information/examples I found\n- (Triggering Label+Input+FormFeedback custom input) - https://codesandbox.io/s/qJR4ykJk\n- (Using formik with 3rd party components) -https://codesandbox.io/s/jRzE53pqR\n\nhere's also the docs as well, these pages are important imo\n\n- https://jaredpalmer.com/formik/docs/api/formik\n\nSetting custom onChange \n\n- setFieldValue is used to build your own custom onChange logic. Useful if you need side-effects.\n - ^ e.g. a button modifies two variables behind the scenes\n- https://stackoverflow.com/questions/54493071/how-to-pass-values-from-a-component-into-formik-multi-step-form-wizard/54517336#54517336\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvincentntang%2Fmultistep-wizard-formik-yup-reactstrap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvincentntang%2Fmultistep-wizard-formik-yup-reactstrap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvincentntang%2Fmultistep-wizard-formik-yup-reactstrap/lists"}