<simple-carousel> is a simple configurable carousel component for Polymer 1.0. It provides a simple way to insert HTML content in slides and multiple options to configure their functionality and transitions.
For example, the following code implements the most simple configuration for the carousel:
<simple-carousel>
<carousel-slide>
<h3>1</h3>
</carousel-slide>
<carousel-slide>
<h3>2</h3>
</carousel-slide>
<carousel-slide>
<h3>3</h3>
</carousel-slide>
</simple-carousel>You can also use attributes (with or without the data- prefix):
<simple-carousel>
<div carousel-slide>
<h3>1</h3>
</div>
<div carousel-slide>
<h3>2</h3>
</div>
<div data-carousel-slide>
<h3>3</h3>
</div>
</simple-carousel>
Install with Bower:
$ bower install --save polymer-simple-carousel- Import Custom Element:
<link rel="import" href="simple-carousel.html">Apache License 2.0