search

hoppscotch / ui

https://ui.hoppscotch.io
https://ui.hoppscotch.io
20 stars 11 forks source link

Solving issue #18 feat: add skeleton component #26

Closed The-x-35 closed 2 months ago

The-x-35 commented 3 months ago

Solved issue #18 . Added Skeleton component. Skeleton component to show in a loading state while resolving data or promise. Added choice to show text, image or video skeletons. Added option to change colour and bg-colour of the skeletons. Also added the feature to adjust the width and height of all the components. It also shows a play icon in the video skeleton and a triangle in the image to differ them. We can also adjust the number lines in the text skeleton by editing the height of total text area and single line text height. I have tested the code and it works for all cases.

anwarulislam commented 2 months ago

It would be awesome if users could apply for orders with a prop. For example order="text-image-video" or order="video-image-text"

The-x-35 commented 2 months ago

I thought users could re-use the skeleton component as many times they wanted in whatever order with their desired result, so I didn't add the order, but yeah it looks cool with order.