Ember-flickity


An Ember addon for flickity

Installation

``
ember install ember-flickity
`

Usage

`handlebars
{{#em-flickity class="my-slideshow" showSlides=(gt items.length 1)}}
{{#each items as |item|}}



{{/each}}
{{/em-flickity}}
`

showSlides is a Boolean. This allows you to enable or disable flickity based on the
number of items you have in the list.

Flickity options and events

All [options][flickityOptions] and [events][flickityEvents] are supported.

[flickityEvents]: http://flickity.metafizzy.co/events.html#flickity-events
[flickityOptions]: http://flickity.metafizzy.co/options.html

`javascript
actions:{
mySettle(index, flickityElement) => {
console.log('settle');
},
}
`
`handlebars
{{#em-flickity pageDots=true draggable=true showSlides=(gt numItems 1) settle=(action 'mySettle')}}

{{/em-flickity}}
`
`javascript
events: computed(() => {
return {
ready: (index, flickityElement) => {
console.log('ready');
flickityElement.resize();
},
change: (index, flickityElement) => {
console.log('change');
},
};
}),
`
`handlebars
{{#em-flickity pageDots=true draggable=true events=events}}

{{/em-flickity}}
``