Blazorise icon indicating copy to clipboard operation
Blazorise copied to clipboard

Skeleton components

Open MitchellNZ opened this issue 5 years ago • 11 comments

Loading "Skeleton" feature.

New component to provide a generic loading templates. Similar to this Ant Design implentation.

This is provides a visually appealing way for the user to wait on data loading from the server.

Example: image

MitchellNZ avatar Jul 05 '20 22:07 MitchellNZ

@stsrki this is something I plan to work on when I'm finished with Bar/Layout improvements/bugs!

MitchellNZ avatar Jul 05 '20 22:07 MitchellNZ

I remember we already talked about this one. Definitely would be good to have.

stsrki avatar Jul 06 '20 06:07 stsrki

@MitchellNZ Going on the backlog. Just reopen when you're ready to start!

stsrki avatar Feb 15 '21 14:02 stsrki

Would be great to have this. Would be great to remove a lot of the typical @if(myobject== null){}else{}

StephenOTT avatar Apr 30 '21 19:04 StephenOTT

Typical types of recurring config:

  1. Loading template
  2. timeout config
  3. error template
  4. simple fade transition

StephenOTT avatar Apr 30 '21 19:04 StephenOTT

Would be great to have this. Would be great to remove a lot of the typical @if(myobject== null){}else{}

Yeah, I agree with that. If there can be an easier way without typing if-else everywhere might be useful. Like that XF library: https://github.com/HorusSoftwareUY/Xamarin.Forms.Skeleton It makes it over existing components, you can override only when you want to customize. If something like that can be done with blazorise components, it'll be awesome 🚀

enisn avatar Feb 10 '22 08:02 enisn

It will come in time. The component is already scheduled for the next version, v1.1.

stsrki avatar Feb 10 '22 09:02 stsrki

https://steven-giesel.com/blogPost/d1884385-90de-43a1-ae24-0178495f1484

stsrki avatar Apr 03 '22 12:04 stsrki

Bump! Any updates on this component? Was looking for a skeleton component today, so I stumbled upon this issue. It would be a nice to have!

XanderStoffels avatar Jul 29 '24 07:07 XanderStoffels

I think we can try it for the next release now that the team is a little bigger.

stsrki avatar Jul 29 '24 07:07 stsrki

  • Skeleton
    • SkeletonImage
    • SkeletonParagraph
<Skeleton>
  <SkeletonParagraph />
</Skeleton>
@if (something)
{
  <Skeleton>
    <SkeletonParagraph />
  </Skeleton>
}
else
{
  <Paragraph />
}

stsrki avatar Jul 30 '24 11:07 stsrki