Simple carousel component for Polymer 1.0
Switch branches/tags
Nothing to show
Clone or download
fjsc Merge pull request #6 from Suhas-Pachore/master
issue#5 fix for no carousel-slides
Latest commit 8a1907c May 10, 2017

README.md

<simple-carousel>

Published on webcomponents.org

<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