search

grommet / hpe-design-system

HPE Design System
48 stars 24 forks source link

Table - Add additional loading (Spinner) examples - initial load and new entries #1771

Open derekhchen opened 3 years ago

derekhchen commented 3 years ago

Is this issue related to the design system core library or design system website?

Design system website

Expected Behavior

Just show an example of what the initial loading of a table would look like. Currently, it looks like the spinner would appear at the bottom of the list/table but that isn't intuitive for users who have performed an action and expects that the item is added to the top of the list, or if the table is syncing and is adding new entries.

Actual Behavior

Right now it shows spinner logo at the bottom of the list/table. This makes sense in a load more situation, but less so when new entries are being added or on the initial table load.

URL, screen shot, or CodeSandbox exhibiting the issue

Link to the Slack thread with Matt https://hpe.slack.com/archives/C04LMJWQT/p1628628539055100 Link to the website page for spinner: https://design-system.hpe.design/components/spinner#spinner-within-a-list

Steps to Reproduce

    1. 3.

Your Environment

taysea commented 3 months ago

This is a good candidate for the "data states" section of our recent content templates explorations.

Should have this on documentation and figma templates.