Reflex custom component image-zoom
Project description
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)
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Close
Hashes for reflex-image-zoom-0.0.2a1.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | e007b5415ab21f2e186082f5fc9f55a2209e573eb3b3485b169bb7fd6069545b |
|
MD5 | 7249a9dde09c6bd9a14ca5331c9d53fd |
|
BLAKE2b-256 | 7a45687b386ba83603900721702a0bd7f14221c2f3ed9ae029393a369c237074 |
Close
Hashes for reflex_image_zoom-0.0.2a1-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | b7d8933739479a1e03228559e38fd406bc9aab95c28ab203a08b94ebc50adef4 |
|
MD5 | 114d17487101f917bf7f88004eec3568 |
|
BLAKE2b-256 | 303ad159309a61efd2030ce80aaadd7635a77a84ca9f872b204eb540ca1169f9 |