@magic-modules/light-box

this is the @magic-modules LightBox component.

it shows an image that floats within the surrounding text, and, when clicked, expands to show a bigger view of itself.

install:

npm install --save-exact @magic-modules/light-box

usage:

LightBox('/img/img.png')

<LightBox
  state
  img="https://imgs.xkcd.com/comics/digital_data.png"
  right="true"
  width="389"
  url="https://xkcd.com/"
  text="comic by xkcd">
</LightBox>

changelog

0.0.1

first release.

0.0.2

• fix image sizes
• image hover has cursor: pointer

0.0.3

bump required node version to 14.2.0

0.0.4

change css to show full-width images on smaller resolutions

0.0.5

update readme

0.0.6

bump required node version to 14.15.4

0.0.7 - unreleased

...