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

image-zoom

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)

Metadata

Release files for reflex-image-zoom 0.0.2

For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.

Source distribution (sdist)

Source distribution for reflex-image-zoom 0.0.2
File	Size	Uploaded	Provenance	Actions
reflex-image-zoom-0.0.2.tar.gz	2.3 kB	Mar 20, 2024	Without provenance	Details for reflex-image-zoom-0.0.2.tar.gz

Built distribution (wheel)

Table of built distributions (wheels) for reflex-image-zoom 0.0.2
File	Interpreter	ABI	Platform	Actions Reset
reflex_image_zoom-0.0.2-py3-none-any.whl 2.5 kB Mar 20, 2024 Without provenance	Python 3	none	any	Details for reflex_image_zoom-0.0.2-py3-none-any.whl

Total release size: 4.7 kB

Release files / reflex-image-zoom-0.0.2.tar.gz

Download URL	reflex-image-zoom-0.0.2.tar.gz
Size	2.3 kB
Tags	Source
SHA-256 checksum How to use checksums	`bdb43b6e677936a8c4144b50594e27f3be9dd38c35b76920640f36fb030ef5c6`
BLAKE2b-256 checksum How to use checksums	`940a6cf2c9b3fcc7a44c136df038d55f39b8b8d876e736187ca07bfb56a2f830`
Upload date	Mar 20, 2024
Uploaded using Trusted Publishing? What is trusted publishing?	No
Uploaded via	`twine/5.0.0 CPython/3.12.1`

Release files / reflex_image_zoom-0.0.2-py3-none-any.whl

Download URL	reflex_image_zoom-0.0.2-py3-none-any.whl
Size	2.5 kB
Tags	Python 3
SHA-256 checksum How to use checksums	`ae1233a199863b70bc6fb10141439c150cf2b02b5ef3d0069271b92b42d05090`
BLAKE2b-256 checksum How to use checksums	`a2c93360864ed46398ba6899fc841c8580c03740b3f7042b92a01efab3d61165`
Upload date	Mar 20, 2024
Uploaded using Trusted Publishing? What is trusted publishing?	No
Uploaded via	`twine/5.0.0 CPython/3.12.1`

Security for reflex-image-zoom 0.0.2

Report project as malware

Provenance

Provenance describes where a file came from. On PyPI, provenance is shared via attestations, which provide a verifiable record of the build or publishing details. View details, limitations and caveats.

No provenance found

None of the files in this release were uploaded with provenance metadata.

A note on package security

PyPI is a repository for distributing packages, not a service for auditing them. While third-party security researchers and our staff do their best to detect and remove malicious packages, PyPI cannot guarantee the quality, security or suitability of any given package.

To learn more about protecting yourself from malicious actors, visit our package security documentation.