@alpine-collective/toolkit-screen
v1.0.2
Published
A magic helper to detect if the current browser width is equal or greater than a given breakpoint in Alpine.Js.
Downloads
793
Readme
$screen
A magic helper to detect if the current browser width is equal or greater than a given breakpoint in Alpine.Js.
Usage
Coming soon
Installation
Include the following <script> tag in the <head> of your document, before Alpine:
<script src="https://unpkg.com/@alpine-collective/[email protected]/dist/cdn.min.js" defer></script>or
<script src="https://cdn.jsdelivr.net/npm/@alpine-collective/[email protected]/dist/cdn.min.js" defer></script>NPM
If you would like to bundle the plugin yourself, install it via NPM:
npm install @alpine-collective/toolkit-screen --save-devYou can then register the plugin with Alpine:
import Alpine from 'alpinejs'
import Screen from '@alpine-collective/toolkit-screen'
Alpine.plugin(Screen)
Alpine.start()