https://github.com/geex-arts/ngx-flickity
Angular2 component for https://flickity.metafizzy.co/
https://github.com/geex-arts/ngx-flickity
angular2 component flickity gallery
Last synced: 9 months ago
JSON representation
Angular2 component for https://flickity.metafizzy.co/
- Host: GitHub
- URL: https://github.com/geex-arts/ngx-flickity
- Owner: geex-arts
- License: mit
- Created: 2017-05-20T11:11:43.000Z (about 9 years ago)
- Default Branch: dev
- Last Pushed: 2018-05-10T17:58:27.000Z (about 8 years ago)
- Last Synced: 2024-11-19T02:55:59.524Z (over 1 year ago)
- Topics: angular2, component, flickity, gallery
- Language: TypeScript
- Homepage:
- Size: 36.1 KB
- Stars: 26
- Watchers: 6
- Forks: 13
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [Flickity](https://flickity.metafizzy.co/) module for Angular2
> ngx-flickity is in development and **not ready for production use**.
> Feel free to install and try it out, but depend on it at your own risk.
## Installation
`npm install ngx-flickity --save`
## Usage
Import `FlickityModule` into your app's modules:
``` typescript
import { FlickityModule } from 'ngx-flickity';
@NgModule({
imports: [
FlickityModule
]
})
```
```typescript
@Component({
selector: 'my-component',
template: `
{{child.title}}
`
})
class MyComponent {
children = [
{title: 'Child 1'},
{title: 'Child 2'},
{title: 'Child 3'},
{title: 'Child 4'},
{title: 'Child 5'},
{title: 'Child 6'}
]
}
```
## Configuration
### Options
Read about Flickity options here: https://flickity.metafizzy.co/options.html
#### Examples
Inline object:
```html
```
## Events
### slideSelect: `EventEmitter`
Triggered after a slide has changed.
>https://flickity.metafizzy.co/events.html#select
### cellStaticClick: `EventEmitter`
Triggered after a cell has been clicked.
>https://flickity.metafizzy.co/events.html#staticclick
### Examples
```html
```