Image Zoom Component
A Reflex custom component image-zoom - based on react-medium-image-zoom.
Check out the live demo.
Installation
pip install reflex-image-zoom
Usage
I've currently wrapped no props, simply pass the image as a child of the component.
import reflex as rx
from reflex_image_zoom import image_zoom
def index() -> rx.Component:
return rx.center(
rx.vstack(
rx.heading("Welcome to Reflex!", size="9"),
image_zoom(
rx.image(src="https://picsum.photos/800/500", width="400px"),
),
align="center",
spacing="7",
font_size="2em",
),
height="100vh",
)
app = rx.App()
app.add_page(index)