Skip to main content

Loading Inidcator

We found a cool react component from react-loading-skeleton called Skeleton.

In its props, it lets you tell it how many blurry placeholder items you want it to display.

We use it when waiting for items in a list to load from the back end.

<SkeletonTheme enableAnimation height='24px' width='85%'>
    <Skeleton count={someConfigurableNumber} className='mb-3 ms-4 me-4'/>
</SkeletonTheme>

image.png