Add LoadingButton component analogous for Joy UI

[roman-vanesyan]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

LoadingButton component analogous for Joy UI. Either built in into the current Button component as optional properties (loading, loadingIndicator, etc.) as dedicated component like it's current presented for material UI.

Examples 🌈

https://mui.com/material-ui/react-button/#loading-button

Motivation 🔦

My use case is simple enough, whenever some async action is happening that was triggered by button click, button state should be changed to loading state until action is done.

[siriwatknp]

The LoadingButton will be a prop instead of a new component like this:

<Button loading loadingPosition>...</Button>

We are working on the CircularProgress component (#33869) that will be used as a default loader.

For a workaround, you can create a custom loader like this: https://codesandbox.io/s/blissful-tereshkova-61w5xu?file=/demo.tsx

[kushagra010]

@siriwatknp can this be picked? as CircularProgress component (#33869) is merged.

[siriwatknp]

@siriwatknp can this be picked? as CircularProgress component (#33869) is merged.

Thanks! feel free to submit a PR. I propose that the loading should be a prop of the existing Button.

<Button loading />

The APIs can be the same as Material UI's LoadingButton:

<Button loading loadingIndicator={} loadingPosition="" />

Let me know if you have any questions.