[FEATURE REQUEST]Better loading/skeleton

[KeroZhai]

Is your feature request related to a problem? Please describe.
I notice that when dataset is empty, there will be a skeleton as placeholder. But the thing is, its size looks weird when the container is wide.

Take the VueUiVerticalBar as an example, the bar is very thick:

As a comparison after reducing the container width:

Describe the solution you'd like

Able to set the bar height or make it response to container height.

Also, maybe it's better to provide a loading prop, so we can control when to show the skeleton.

Describe alternatives you've considered

Additional context

[graphieros]

Hi @KeroZhai

If the default skeleton loaders are not suitable for you, there are ways to show a loading state using the component itself, and adapt config attributes based on the loading state of your data. Examples here, with code here.

The default skeleton loaders will remain for now, as they are just a basic out of the box indicator.

[KeroZhai]

Thanks! Didn't know it before.