@wfleming/simplebox
v0.0.7
A zero-dependency, lightweight lightbox targeting modern browsers. Intended as a straightforward replacement for old [fancybox][fancybox] usage.
0/weekUpdated 1 months agoMITUnpacked: 27.2 KB
Published by Will Fleming
npm install @wfleming/simpleboxSimpleBox
A zero-dependency, lightweight lightbox targeting modern browsers. Intended as a straightforward
replacement for old [fancybox][fancybox] usage.
[fancybox]: https://www.npmjs.com/package/fancybox
Installation
npm install --save-dev wfleming/simplebox
Usage
``index.html
`
`your_bundle.js`
import {SimpleBox} from "@wfleming/simplebox"
SimpleBox() // optionally can pass config like SimpleBox({selector: '[data-fancybox]', showThumbs: false})
`your_bundle.css`
@import "@wfleming/simplebox/dist/styles.css";
$3
SimpleBox's default selector is [data-simplebox], if you have legacy usage of fancybox, you can{selector: '[data-fancybox']}
initialize SimpleBox with to get mostly compatible behavior.
$3
Primary customization points are via options passed to the configuration of SimpleBox() and vialib/index.mjs
css variables. See source for details: config options are in defined underDEFAULT_CONFIG, and overridable CSS variables are at the top of lib/styles.css`.