Semantic-ui: [Button] Add Text Loading State

[avalanche1]

It'd be nice to be able to have some text next to a loading indicator inside a .loading.button
http://beta.semantic-ui.com/elements/button.html#loading

[RobertoBarros]

+1

[jlukic]

You can do this with the undocument state module. A tiny mention of it is in the API docs (text state management). I dont have time to write more currently.

[douglasg14b]

What state would this be? I'm browsing the states here: https://github.com/Semantic-Org/Semantic-UI-pt-br/blob/master/src/modules/behavior/state.js

But setting the state to loading does not seem to provide the loading indicator. Setting the active text does change the text, however combined with the loading class it doesn't seem to add in the text.

[jwr]

I am afraid that my (rather simple) bug report in #3971 just got mixed into a complex feature request and therefore might never get implemented. I'll paste the report here, because it is so brief:

A loading icon, when placed inside an icon button, spins off-center, thus moving up and down. I expected it to spin without moving, just like when placed outside of a button.

http://jsfiddle.net/jrychter/6zmy5mfa

The "loading button" might be a solution, but in my case I'm changing an existing button to show the loading status, so I'd rather not see the button change size too much.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

[douglasg14b]

What... is this stale bot doing?

This seems very counterproductive since issues are piling up, auto-closing them is going to leave a very bad taste, and seems actively harmful to the community. :/

If you need help going through the issue backlog, ask, there are plenty of us more than willing to dedicate some of our time to this.

[w96k]

@douglasg14b Come to gitter (https://gitter.im/Semantic-Org/Semantic-UI) and ask @jlukic, I think your help will be appreciated.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

[rigwild]

This is a low priority issue but it would be a nice feature. Up

[lubber-de]

We fixed the loading icon button in https://github.com/fomantic/Fomantic-UI. See here http://jsfiddle.net/bztsj9wm/3/