Directory

← Back

simple-carousel

Simple carousel component for Polymer 1.0

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/fjsc/simple-carousel on 2019-05-10 ]

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

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

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • polymer#Polymer/polymer#^1.4.0
Released
2016-11-04
Maturity
IMPORTED
License
Apache License 2.0

Compatibility

Framework
Polymer 1.0+
Browser
Browser Independent

simple-carousel - Vaadin Add-on Directory

Simple carousel component for Polymer 1.0 simple-carousel - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/fjsc/simple-carousel](https://github.com//fjsc/simple-carousel/blob/1.1.0/README.md) on 2019-05-10 ]** # \ [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://beta.webcomponents.org/element/franjsc/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: ```html

1

2

3

``` ## Demo > [Demo 1](https://franjsc.github.io/simple-carousel/components/simple-carousel/) ## Install Install with [Bower](http://bower.io): ```sh $ bower install --save polymer-simple-carousel ``` ## Usage 1. Import Custom Element: ```html ``` ## API Reference > [API Reference](https://franjsc.github.io/simple-carousel/components/simple-carousel/) ## License Apache License 2.0
Online