ember-cli-swiper

Enables touchfriendly, swipeable, carousel-like slides through nolimits4web/Swiper

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
ember-cli-swiper
71271.0.63 years ago8 years agoMinified + gzip package size for ember-cli-swiper in KB

Readme

Ember-cli-swiper Build Status Ember Observer Score Code Climate
Simple ember-wrapper around Swiper by idangerous.
See the demo for examples and usage-infos.

Installation

ember install ember-cli-swiper

Usage

{{#swiper-container}}
  {{#swiper-slide}}Slide 1{{/swiper-slide}}
  {{#swiper-slide}}Slide 2{{/swiper-slide}}
  {{#swiper-slide}}Slide 3{{/swiper-slide}}
  {{#swiper-slide}}Slide 4{{/swiper-slide}}
  {{#swiper-slide}}Slide 5{{/swiper-slide}}
{{/swiper-container}}

Options

All available Swiper options are supported and can be configured two ways:
As top level attributes:
{{swiper-container freeMode=true}}

As a hash of options:
// In controller
Controller.extend({
  myOptions: { parallax: true }
});

{{swiper-container options=myOptions}}

Events

All Swiper events are configured as an events action map like so:
{{swiper-container events=(hash click=(action "myClickHandler"))}}

Please note that attribute values will overwrite any conflicting options.

Running tests

ember test