@cloudmesh.dev/alpine-lightbox
v1.0.2
A dynamic lightbox using AlpineJS and TailwindCSS
9/weekUpdated 1 years agoISCUnpacked: 14.9 KB
Published by cloudmeshdev
npm install @cloudmesh.dev/alpine-lightbox> This package only supports Alpine v3.x\
> This package needs TailwindCSS\
> This package currently does not work fantastic with the JIT compiler
Alpine Lightbox
Add a dynamic lightbox to your Alpine 3.x components with a custom directive.
About
This plugin adds a new
x-lightbox to Alpine.Installation
$3
``
bash
npm install @cloudmesh.dev/alpine-lightbox
`$3
Register your directive to Alpine.`js
import Alpine from "alpinejs";
import Lightbox from "@cloudmesh.dev/alpine-lightbox";Alpine.plugin(Lightbox);
window.Alpine = Alpine;
window.Alpine.start();
`Usage
$3
To create a lightbox add the directive to the element as following, this will register a click event that opens the lightbox.
html
``