@evergreen-wc/eve-carousel
Carousel web component made with lit element
Last updated a month ago by hutchgrant .
Apache-2.0 · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @evergreen-wc/eve-carousel 
SYNC missed versions from official npm registry.

eve-carousel

An Evergreen Carousel Web Component

Install

npm i @evergreen-wc/eve-carousel

Usage

import { html, LitElement } from 'lit-element';
import '@evergreen-wc/eve-carousel';

class MyComponent extends LitElement {
  render() {
    return html`
      <eve-carousel speed="2000" showIndicators showArrows>
        <div class="slide">Slide 1</div>
        <div class="slide">Slide 2</div>
        <div class="slide">Slide 3</div>
      </eve-carousel>
    `;
  }
}
customElements.define('my-component', MyComponent);

Props

Property Description
speed Integer for number of ms before slide auto changes
showArrows show arrow controls for left and right
showIndicators show indicator circles at bottom for slide number

Styling

eve-carousel {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height:500px;
  width:750px;
}

Current Tags

  • 0.0.10                                ...           latest (a month ago)

1 Versions

  • 0.0.10                                ...           a month ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (2)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |