https://github.com/syncfusionexamples/getting-started-with-the-react-progress-button-component
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.
https://github.com/syncfusionexamples/getting-started-with-the-react-progress-button-component
button progress-button react-progress-button
Last synced: 5 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/syncfusionexamples/getting-started-with-the-react-progress-button-component
- Owner: SyncfusionExamples
- Created: 2024-06-11T12:18:44.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-06-12T10:24:14.000Z (over 1 year ago)
- Last Synced: 2025-04-03T07:18:19.045Z (10 months ago)
- Topics: button, progress-button, react-progress-button
- Language: CSS
- Homepage:
- Size: 28.3 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Getting Started with the React Progress Button Component
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.
Refer to the following documentation to learn about the React Progress Button component:
https://ej2.syncfusion.com/react/documentation/progress-button/getting-started
Check out this online example of the React Progress Button component:
https://ej2.syncfusion.com/react/demos/#/material/button/progress-button
## Project prerequisites
Make 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.
## How to run this application
To 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.