question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Do you have an example using the skeleton prop?

See original GitHub issue

I’m in love with your package.

I’m trying to use the skeleton prop but I’m missing something. Do you have an example?

<ReactCompareImage leftImage={pair[0]} rightImage={pair[1]} skeleton={<h4>Loading</h4>}/>

This is not displaying ‘Loading’. I’m doing something wrong.

Thank you so much.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
junkboy0315commented, Jul 20, 2020

@jacintofleta Oh, I found some unintended behavior.

I’ll try to resolve this issue, but please take a moment. To quick fix, import and use ReactCompareImage.tsx directly and remove a style prop from the line below.

https://github.com/junkboy0315/react-compare-image/blob/master/src/ReactCompareImage.tsx#L383

1reaction
jacintofletacommented, Jul 20, 2020

Thank you so much.

I think I have found my problem. When skeleton is shown forsome reason it appears a div with overflow: hidden so it is not displayed.

I don’t know why is this happening.

Anyway thank you so much you have built a really useful package.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Amazing Horror Prop $5 DIY using Cheap Halloween Skeleton
Turn a boring Halloween decoration into a awesome horror prop using a few ... For less than the price of a candy bar...
Read more >
Turn any Plastic Skeleton into an Aged Prop Quick and Easy ...
Using some woodworkers stain and spray paint you can quickly and easily turn up the realism dial on these props quickly and easily....
Read more >
How To Make a Realistic Horror Skull Prop! - YouTube
This week, we stop by Frank's shop to learn how to transform a cheap plastic skull into a gory horror prop using simple...
Read more >
Basics of Skeleton Models - CadActive
Skeleton models are parts that allow designers to pass along essential design information from one subsystem or assembly to another.
Read more >
Implementing Skeleton Screens In React - Smashing Magazine
In this tutorial, you'll learn what a skeleton screen UI is and some types of skeleton screen libraries, along with their pros and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found