🚀  Astro — Lightbox • Zoom image to fullscreen

Simple lightbox component.

Components

Keywords:

  • astro
  • astro-component
  • media
  • zoom
  • lightbox
  • image
  • fullscreen
  • native
  • interactive
  • vanilla
  • javascript

🚀  Astro — Lightbox • Zoom image to fullscreen

NPM Downloads ISC License PRs Welcome
Astro TypeScript Prettier EditorConfig ESLint

Simple lightbox component.

📦  Installation

pnpm i @julian_cataldo/astro-lightbox

Warning
🚧  Work in progress

🛠  Usage

---
import Lightbox from '@julian_cataldo/astro-lightbox/Lightbox.astro';
// ...
---
<!-- ... -->
<head>
  <!-- ... -->
  <Lightbox />
</head>
<body>
  <!-- ... -->

  <div class="some-wrapper" data-lightbox="true">
    <Image />
  </div>

  <!-- ... -->
</body>

LIVE DEMO  🎭  DOCUMENTATION WEBSITE ⎋

Live demo website

code.juliancataldo.com

🔗  JulianCataldo.com

Changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.10.11 (2022-11-19)

Note: Version bump only for package @julian_cataldo/astro-lightbox

0.10.10 (2022-10-17)

Bug Fixes

  • remove package prefix, simplify import method (73bd31b)

0.10.9 (2022-09-22)

Note: Version bump only for package @julian_cataldo/astro-lightbox

0.10.8 (2022-09-20)

Note: Version bump only for package @julian_cataldo/astro-lightbox

0.10.7 (2022-08-20)

Note: Version bump only for package @julian_cataldo/astro-lightbox

0.10.6 (2022-07-24)

Note: Version bump only for package @julian_cataldo/astro-lightbox

0.10.5 (2022-07-24)

Note: Version bump only for package @julian_cataldo/astro-lightbox

0.10.4 (2022-07-18)

Note: Version bump only for package @julian_cataldo/astro-lightbox

0.10.3 (2022-06-26)

Note: Version bump only for package @julian_cataldo/astro-lightbox

0.10.2 (2022-06-25)

Note: Version bump only for package @julian_cataldo/astro-lightbox

0.10.1 (2022-06-22)

Note: Version bump only for package @julian_cataldo/astro-lightbox

0.10.0 (2022-06-21)

Features

  • init lightbox component (84f64d8)
...

⚠️  Having an issue? / 🗣   Wanna share feedback or suggestion?

✍️  Open an Issue or a Pull Request   on GitHub -or-   Contact me   on my Website.