retype
retype copied to clipboard
Lightbox for images
Hi again. It would be nice if we could click on images, plus the ability to zoom into them over a simple lightbox. Thanks.
See also
- #25
Thanks for the feature request.
I will keep this in mind and try to come up with some options. Might be best to implement as another Retype component that you explicitly configure as a lightbox image. Something like:

Thanks for the feature request.
I will keep this in mind and try to come up with some options. Might be best to implement as another Retype component that you explicitly configure as a lightbox image. Something like:

That seems like a better idea 🙌
One thing to keep in mind in my opinion:
More often than not, these lightbox-style image popups end up creating a less polished experience. I am not saying it can't be implemented nicely, juts that I have seen more cases where it harms my experience instead of improving it.
I am saying it also since Retype right now is near-perfect in terms of how it renders, and I would be guarding its "spirit" like a hawk.
When I absolutely had to allow users to enlarge an image (animated screencast in my case), I just linked it to a hidden page with a central
layout: See the screencast on this page.
Lastly, another point to consider:
- Desktop people don't need to enlarge, since they have a large screen, and we are not presenting "photo galleries" here, but rather screenshots and the likes.
- Mobile people don't need to enlarge, since images already take the full width of the screen.
Definitely agree that it should be separate component and so opt in as 95% of the time we don't need the behaviour.
Occassionally though we hae arch diagrams that are very large and so need zoom controls even on a larger monitor.
e.g.
We have a handful of large images and a separate lightbox component would be ideal.