b7-carousel - Vaadin Add-on Directory
b7-carousel is a carousel designed for real-world use. It is a simplistic approach to a functionally complete carousel element.[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/balint777/b7-carousel)
[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg?style=flat-square)](https://vaadin.com/directory/component/balint777b7-carousel)
[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/balint777b7-carousel.svg?style=flat-square)](https://vaadin.com/directory/component/balint777b7-carousel)
# \
b7-carousel is a carousel designed for real-world use. It is a simplistic approach to a functionally complete carousel element.
The main design goal is to have a minimal performance footprint to be well fit for mobile devices.
The element features
* Native performance scrolling and paging
* A trivial API
* High level of customizability, with minimal assumptions to the use-cases
* Touch Scrolling
* Mouse scrolling
* Keyboard scrolling
* Responsive layout
## Dependencies
[Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#Browser_compatibility)
# Basic b7-carousel demo
```html
```
# Customized b7-carousel demo
```html
```
# Development guide
## Install the Polymer-CLI
First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally.
## Viewing Your Element
```
$ polymer serve
```
## Running Tests
```
$ polymer test
```
Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
GitHub Homepage<
>
The Rouge One
- I
- am
- a
- list
Issue tracker
View on GitHub
License
View on NPM
b7-carousel version 0.1
### Dependencies
Polymer/polymer#^2.0.0
* iron-flex-layout#^2.0.3
b7-carousel version 0.1.0
### Dependencies
Polymer/polymer#^2.0.0
* iron-flex-layout#^2.0.3
b7-carousel version 0.1.1
### Dependencies
Polymer/polymer#^2.0.0
* iron-flex-layout#^2.0.3
b7-carousel version 0.1.2
### Dependencies
Polymer/polymer#^2.0.0
* iron-flex-layout#^2.0.3
b7-carousel version 0.1.3
### Dependencies
Polymer/polymer#^2.0.0
* iron-flex-layout#^2.0.3
b7-carousel version 0.1.4
### Dependencies
Polymer/polymer#^2.0.0
b7-carousel version 0.1.5
### Dependencies
Polymer/polymer#^2.0.0
b7-carousel version 0.1.6
### Dependencies
Polymer/polymer#^2.0.0
b7-carousel version 0.1.7
### Dependencies
Polymer/polymer#^2.0.0