[Button] Loading spinner

[khoinpb96]

Is your feature request related to a problem?

Yes, the lack of a built-in loading spinner for buttons makes it difficult to handle loading states in a consistent and efficient way. Developers often resort to custom implementations or third-party libraries, which can lead to design inconsistencies and increased maintenance.

Describe the solution you'd like

I propose adding a loading spinner feature to the Button component. This would allow developers to easily indicate loading states, such as during form submissions or async operations.

For inspiration, consider how Ant Design implement this feature.

Example usage:

<Button loading>Submit</Button>

This addition would streamline the implementation of loading states in buttons and improve the overall developer experience.

Describe alternatives you've considered

No response

Additional Context

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[MarcusNotheis]

Thanks for submitting this feature request.
You can wrap the Button (and every other component) in the Busy Indicator component to achieve the desired behaviour:

<BusyIndicator active={true|false}>
  <Button>Submit</Button>
</BusyIndicator>

Anyhow, as this component is developed by our UI5 Web Components colleagues, I'll forward this request to their repository.

[nnaydenow]

Hi,

As Marcus mentioned, this can be achieved by wrapping the button inside a <ui5-busy-indicator>.

However, this functionality is not part of the current component specification and seems to be a new feature request. I’ll forward this issue to the team responsible for maintaining the component.

Best regards,
Nayden

[DMihaylova]

Hi @khoinpb96,

My team is the owner of ui5-button. I am wondering whether the proposed solution with the wrapped button inside a busy indicator would suit your needs or the request is still valid?

Thanks & Regards,
Diana

[khoinpb96]

Hi @DMihaylova,

I believe the request is still valid, since the BusyIndicator (imo) should only be used on larger size components, not for buttons.

Thank you for your response.