Calcite-components: Enhancement: button loading indication with text

Created on 30 Jun 2021  路  5Comments  路  Source: Esri/calcite-components

Description

Button able to be in the loading state but also shows the text, i.e. loading indicator in the button icon location.

Or better yet a loadingText property or the like so the loading and button text could be different.

Example Use Case

Waiting for a geoprocessing task to complete and the button with just the loading indicator for 10-30 seconds without text isn't intuitive to the user as to what's happening.

0 - new enhancement help wanted

All 5 comments

@jcfranco @julio8a this needs a design first right?

@driskull loading button is already in... so i imagine this would look like this:

image

Same 16px size and same space between as a button with icon

Thank you both for bringing this up and for the spec design! 馃挭馃徏

@jcfranco @driskull julio had a good idea to make these also have the disabled property:

image

If loadingText as requested is introduced, let's just make sure we handle potential width changes with a transition of some sort, changing the size and text of a button at the same time can be jarring.

Was this page helpful?
0 / 5 - 0 ratings