UNPKG

@frsource/tiny-carousel-core

Version:

Core module for @frsource/tiny-carousel, based on CSS scroll snap feature 🚀

73 lines (56 loc) • 3.1 kB
<p align="center"> <a href="https://www.npmjs.com/package/@frsource/tiny-carousel-core"> <img src="https://img.shields.io/npm/v/@frsource/tiny-carousel-core" alt="NPM version badge"> </a> <a href="https://bundlephobia.com/result?p=@frsource/tiny-carousel-core" title="Visit bundlephobia for more details!"> <img src="https://img.shields.io/bundlephobia/minzip/@frsource/tiny-carousel-core" alt="Core bundle size badge. Data from bundlephobia.com"> </a> <a href="https://bundlephobia.com/result?p=@frsource/tiny-carousel-core"> <img src="https://badgen.net/bundlephobia/tree-shaking/@frsource/tiny-carousel-core" alt="Tree shaking supported"> </a> <a href="https://github.com/semantic-release/semantic-release"> <img src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg" alt="semantic-relase badge"> </a> <a href="https://github.com/FRSOURCE/tiny-carousel/blob/master/LICENSE"> <img src="https://img.shields.io/github/license/FRSOURCE/tiny-carousel" alt="license MIT badge"> </a> </p> <h1 align="center">Core module for @frsource/tiny-carousel, based on CSS scroll snap feature 🚀</h1> <p align="center"> <a href="https://www.frsource.org/tiny-carousel/guide/usage/#core">Usage guide</a> · <a href="https://www.frsource.org/tiny-carousel/api-reference/core/">API Reference</a> · <a href="https://www.frsource.org/tiny-carousel/contribution/">Contribution</a> · <a href="https://github.com/FRSOURCE/tiny-carousel/issues">File an Issue</a> · <a href="https://github.com/FRSOURCE/tiny-carousel/discussions">Have a question or an idea?</a> <br> </p> <p align="center"> <br> <i>The main package of the Tiny Carousel <a href="https://www.frsource.org/tiny-carousel/ecosystem/">ecosystem</a> which gives the most basic carousel API. <br>Takes advantage of <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap">CSS snap points</a>.</i> <br> <br> </p> <p align="center"> <img src="https://github.com/FRSOURCE/tiny-carousel/blob/master/src/logo.png" alt="Tiny carousel library logo" height="120px"/> <br> <a href="https://www.frsource.org/tiny-carousel"><strong>www.frsource.org/tiny-carousel</strong></a> <br> <br> </p> ## Documentation For docs, please visit [frsource.org/tiny-carousel](https://www.frsource.org/tiny-carousel/) - [Getting Started](https://www.frsource.org/tiny-carousel/guide/usage/#core) - [API Reference](https://www.frsource.org/tiny-carousel/api-reference/core/) - [Ecosystem & plugins](https://www.frsource.org/tiny-carousel/ecosystem/) ## Questions Don’t hesitate to ask a question directly on the [discussions board](https://github.com/FRSOURCE/tiny-carousel/discussions)! ## Changelog Changes for every release are documented in the [release notes](https://github.com/FRSOURCE/tiny-carousel/releases) and [CHANGELOG](https://github.com/FRSOURCE/tiny-carousel/blob/master/packages/core/CHANGELOG.md). ## License [MIT](https://opensource.org/licenses/MIT) Copyright (c) 2020-present, Jakub FRS Freisler, FRSOURCE