diff --git a/README.md b/README.md index 524a233..fdb5b7e 100644 --- a/README.md +++ b/README.md @@ -7,11 +7,14 @@ * CSS property [scroll-snap-type](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type) for snapping * CSS property [scroll-behavior](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior) for smooth JS scrolling * `loading` attribute for [Native Lazy Loading](https://web.dev/native-lazy-loading/) -* compatible with [lazysizes.js](https://github.com/aFarkas/lazysizes) +* Compatible with [lazysizes.js](https://github.com/aFarkas/lazysizes) * [Custom Events](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) -* it was named as `native-gallery` to become [Custom Element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) in the future +* It was named as `native-gallery` to become [Custom Element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) in the future +* Disadvantages: circular scrolling is [not implemented yet](https://github.com/korywka/native-gallery/pulls) 🤷‍♀️ -## Usage +## Usage + +npm package: [native-gallery](https://www.npmjs.com/package/native-gallery) ```javascript import NativeGallery from 'native-gallery'; diff --git a/example/index.html b/example/index.html index be41643..5957b19 100644 --- a/example/index.html +++ b/example/index.html @@ -9,6 +9,11 @@ + + + + +

Native Gallery

@@ -38,4 +43,4 @@

Native Gallery

- \ No newline at end of file + diff --git a/example/lazysizes.html b/example/lazysizes.html index 02996ba..522a1cc 100644 --- a/example/lazysizes.html +++ b/example/lazysizes.html @@ -10,6 +10,11 @@ + + + + +

Native Gallery

@@ -39,4 +44,4 @@

Native Gallery

- \ No newline at end of file + diff --git a/yarn.lock b/yarn.lock index 7af7833..618c948 100644 --- a/yarn.lock +++ b/yarn.lock @@ -560,9 +560,9 @@ levn@^0.4.1: type-check "~0.4.0" lodash@^4.17.14, lodash@^4.17.19: - version "4.17.20" - resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52" - integrity sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA== + version "4.17.21" + resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c" + integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg== magic-string@^0.25.0, magic-string@^0.25.7: version "0.25.7"