@busy attribute on <Button/>

[knownasilya]

<Button @busy={{true}}> would show a loading spinner. Also a good time to add a spinner component too.

Atm a spinner is a pain to add to tailwind, so this would be sweet.

[josemarluedke]

This totally makes sense. I was planning to get a loading state for button as isLoading

<Button @isLoading={{true}}>Save</Button>

There is another approach I want to explore, something like a StatefulButton or AsyncButton that yields a few components, but I need to explore if it really makes sense or if there is a better approach.

<StatefulButton
  @isLoading={{this.isLoading}}
  {{on "click" this.save}}
  as |state|
>
  <state.Idle>Submit</state.Idle>
  <state.Loading>Submitting...</state.Loading>
  <state.Done>Success!</state.Done>
</StatefulButton>

[knownasilya]

That would be sweet as well. A simple button and a stateful one.