<simple-carousel>

<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>

Demo

Demo 1

Install

Install with Bower:

$ bower install --save polymer-simple-carousel

Usage

1. Import Custom Element:

<link rel="import" href="simple-carousel.html">

API Reference

API Reference

License

Apache License 2.0