@blossom-carousel/web/README.md

A native-scroll-first carousel component for the web.

# Blossom Carousel

A native-scroll-first carousel enhanced with drag support for Web.

## Installation

`npm install @blossom-carousel/web`

```javascript
import { BlossomCarousel } from "@blossom-carousel/web";
import "@blossom-carousel/core/style.css";
```

#### CDN

```html
<script src="https://unpkg.com/@blossom-carousel/web@0.0.11/dist/blossom-carousel-web.umd.cjs"></script>
<link
  rel="stylesheet"
  href="https://unpkg.com/@blossom-carousel/web@0.0.11/dist/blossom-carousel-web.umd.cjs"
/>
```

## Usage

```html
<blossom-carousel>
  <div>Slide 1</div>
  <div>Slide 2</div>
  <div>Slide 3</div>
  ...
</blossom-carousel>
```

## Examples

- [Simple](https://www.blossom-carousel.com/docs/examples#simple)
- [Variable widths](https://www.blossom-carousel.com/docs/examples#variable-widths)
- [CSS Grid](https://www.blossom-carousel.com/docs/examples#css-grid)
- [Multiple rows](https://www.blossom-carousel.com/docs/examples#multiple-rows)
- [Snapping](https://www.blossom-carousel.com/docs/examples#snapping)
- [Grouping](https://www.blossom-carousel.com/docs/examples#grouping)
- [Sticky](https://www.blossom-carousel.com/docs/examples#sticky)
- [Coverflow](https://www.blossom-carousel.com/docs/examples#cover-flow)