@alpine-collective/toolkit-screen

1.0.2 • Public • Published

$screen

GitHub tag (latest by date) npm bundle size

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/toolkit-screen@1.0.2/dist/cdn.min.js" defer></script>

or

<script src="https://cdn.jsdelivr.net/npm/@alpine-collective/toolkit-screen@1.0.2/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-dev

You can then register the plugin with Alpine:

import Alpine from 'alpinejs'
import Screen from '@alpine-collective/toolkit-screen'

Alpine.plugin(Screen)

Alpine.start()

Readme

Keywords

none

Package Sidebar

Install

npm i @alpine-collective/toolkit-screen

Weekly Downloads

250

Version

1.0.2

License

MIT

Unpacked Size

6.04 kB

Total Files

6

Last publish

Collaborators

  • simotod