{"id":23061402,"url":"https://github.com/syncfusionexamples/getting-started-with-the-react-progress-button-component","last_synced_at":"2025-08-24T16:13:10.179Z","repository":{"id":244037593,"uuid":"813616970","full_name":"SyncfusionExamples/getting-started-with-the-react-progress-button-component","owner":"SyncfusionExamples","description":"A quick-start project that shows how to add the React Progress Button component to a React application. It shows how to customize the spinner and icon position in the progress button. It also shows how to apply animation to the spinner and button content. Finally, it explains how to change the button content during progress.","archived":false,"fork":false,"pushed_at":"2024-06-12T10:24:14.000Z","size":29,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-03T07:18:19.045Z","etag":null,"topics":["button","progress-button","react-progress-button"],"latest_commit_sha":null,"homepage":"","language":"CSS","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/SyncfusionExamples.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-11T12:18:44.000Z","updated_at":"2024-06-12T10:34:59.000Z","dependencies_parsed_at":"2024-06-12T16:06:06.932Z","dependency_job_id":"6e51ad5a-e4f1-4d19-9154-f6dc3f98a47b","html_url":"https://github.com/SyncfusionExamples/getting-started-with-the-react-progress-button-component","commit_stats":null,"previous_names":["syncfusionexamples/getting-started-with-the-react-progress-button-component"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SyncfusionExamples/getting-started-with-the-react-progress-button-component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fgetting-started-with-the-react-progress-button-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fgetting-started-with-the-react-progress-button-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fgetting-started-with-the-react-progress-button-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fgetting-started-with-the-react-progress-button-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SyncfusionExamples","download_url":"https://codeload.github.com/SyncfusionExamples/getting-started-with-the-react-progress-button-component/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fgetting-started-with-the-react-progress-button-component/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270337839,"owners_count":24567006,"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","status":"online","status_checked_at":"2025-08-13T02:00:09.904Z","response_time":66,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["button","progress-button","react-progress-button"],"created_at":"2024-12-16T03:17:23.800Z","updated_at":"2025-08-14T00:17:34.019Z","avatar_url":"https://github.com/SyncfusionExamples.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Getting Started with the React Progress Button Component\n\nA quick-start project that shows how to add the React Progress Button component to a React application. It shows how to customize the spinner and icon position in the progress button. It also shows how to apply animation to the spinner and button content. Finally, it explains how to change the button content during progress.   \n \nRefer to the following documentation to learn about the React Progress Button component: \nhttps://ej2.syncfusion.com/react/documentation/progress-button/getting-started  \n\nCheck out this online example of the React Progress Button component:\nhttps://ej2.syncfusion.com/react/demos/#/material/button/progress-button\n\n## Project prerequisites\nMake sure that you have the compatible versions of [Visual Studio Code](https://code.visualstudio.com/download ) and [NodeJS](https://nodejs.org/en/download) or later version in your machine before starting to work on this project.\n\n## How to run this application\nTo run this application, you need to first clone the `getting-started-with-the-react-progress-button-component` repository and then open it in Visual Studio Code. Now, simply build and run your project to view the output.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fgetting-started-with-the-react-progress-button-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyncfusionexamples%2Fgetting-started-with-the-react-progress-button-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fgetting-started-with-the-react-progress-button-component/lists"}