influxdata / clockface

UI Kit for building Chronograf
https://influxdata.github.io/clockface
MIT License
43 stars 18 forks source link

Update dropdown component to have a loading state #800

Closed juliajames12 closed 1 year ago

juliajames12 commented 1 year ago

We need a load state for dropdowns in which the list takes a long time to load. For example, in the new Data Explorer when a user selects a bucket with several thousand measurements it takes a while for the measurements list to load, but there is no indication of the load activity currently. We need a loading state for dropdowns to solve for this issue.

Design:

Screen Shot 2022-07-13 at 5 23 49 PM

I think a spinner animation like the last one included in this set would be good: https://projects.lukehaas.me/css-loaders/