{"id":24015946,"url":"https://github.com/aspnxdd/react-stepper","last_synced_at":"2026-05-16T10:31:25.284Z","repository":{"id":57750961,"uuid":"527327301","full_name":"aspnxdd/react-stepper","owner":"aspnxdd","description":null,"archived":false,"fork":false,"pushed_at":"2022-08-22T20:39:58.000Z","size":42,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-18T08:54:36.064Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/aspnxdd.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":"2022-08-21T21:09:31.000Z","updated_at":"2022-08-22T20:17:11.000Z","dependencies_parsed_at":"2022-08-26T08:31:38.315Z","dependency_job_id":null,"html_url":"https://github.com/aspnxdd/react-stepper","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/aspnxdd/react-stepper","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aspnxdd%2Freact-stepper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aspnxdd%2Freact-stepper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aspnxdd%2Freact-stepper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aspnxdd%2Freact-stepper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aspnxdd","download_url":"https://codeload.github.com/aspnxdd/react-stepper/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aspnxdd%2Freact-stepper/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33098787,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-16T04:41:52.686Z","status":"ssl_error","status_checked_at":"2026-05-16T04:41:52.009Z","response_time":115,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2025-01-08T08:23:14.161Z","updated_at":"2026-05-16T10:31:25.263Z","avatar_url":"https://github.com/aspnxdd.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## React-stepper\n\nBasic react stepper component:\n\n![image](https://user-images.githubusercontent.com/43625217/185811038-4e479d4e-5836-4ea9-93d7-aab02526ea79.png)\n\n[Demo!](https://react-stepper.vercel.app/)\n\n### Install:\n\n```sh\n$ npm i @aspnxdd/react-stepper\n```\n[Npm link](https://www.npmjs.com/package/@aspnxdd/react-stepper)\n\n### Example:\n\n```ts\nconst options: Options = {\n  squared: false,\n  color: \"blue\",\n  noAnimation: false,\n  distance: 9,\n};\n\nconst defaultSteps: Props[] = [\n  {\n    text: \"Fetching users\",\n    status: \"loading\",\n    id: 1,\n  },\n  {\n    text: \"Fetching data\",\n    status: \"loading\",\n    id: 2,\n  },\n  {\n    text: \"Uploading data\",\n    status: \"loading\",\n    id: 3,\n  },\n];\n\nasync function sleep(ms: number) {\n  return new Promise((resolve) =\u003e setTimeout(resolve, ms));\n}\n\nexport default function App() {\n  const [steps, setSteps] = useState\u003cProps[]\u003e([]);\n\n  async function simulation() {\n    setSteps(defaultSteps);\n    await sleep(2000);\n    setSteps((e) =\u003e {\n      e[0].status = \"completed\";\n      return [...e];\n    });\n    await sleep(2000);\n    setSteps((e) =\u003e {\n      e[1].status = \"completed\";\n      return [...e];\n    });\n    await sleep(2000);\n    setSteps((e) =\u003e {\n      e[2].status = \"completed\";\n      return [...e];\n    });\n  }\n\n  return (\n    \u003c\u003e\n      \u003cbutton onClick={simulation}\u003eSimulation\u003c/button\u003e\n      \u003cStepper steps={steps} options={options} /\u003e\n    \u003c/\u003e\n  );\n}\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faspnxdd%2Freact-stepper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faspnxdd%2Freact-stepper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faspnxdd%2Freact-stepper/lists"}