An open API service indexing awesome lists of open source software.

https://github.com/michaelbull/aurelia-swipeout

A custom element for iOS style swipeout actions, backed by Hammer.js
https://github.com/michaelbull/aurelia-swipeout

aurelia custom element ios scss swipe swipeout typescript

Last synced: 3 months ago
JSON representation

A custom element for iOS style swipeout actions, backed by Hammer.js

Awesome Lists containing this project

README

          

Aurelia Swipeout


A custom element for iOS style swipeout actions, backed by Hammer.js


Demo




Preview



## Installation

Install the package via [npm][npm]:

```bash
npm install --save aurelia-swipeout
```

Install the plugin in your [Aurelia][aurelia] project:

```typescript
export function configure(aurelia: Aurelia): void {
aurelia.use.plugin(PLATFORM.moduleName('aurelia-swipeout'));
}
```

Import the [Sass][sass] stylesheet:

```sass
@import '~aurelia-swipeout/style/swipeout';
```

## Usage

A full example can be found [here][example].

Below is a simplified usage example:

```html



My Left Action



My Right Action


Hello World

```

Which results in the following:

![Example](https://github.com/michaelbull/aurelia-swipeout/blob/master/example/simple.gif?raw=true)

## Contributing

Bug reports and pull requests are welcome on [GitHub][github].

## License

This project is available under the terms of the ISC license. See the
[`LICENSE`](LICENSE) file for the copyright information and licensing terms.

[npm]: https://www.npmjs.com/package/aurelia-swipeout
[aurelia]: http://aurelia.io/
[sass]: http://sass-lang.com/
[example]: https://github.com/michaelbull/aurelia-swipeout/blob/master/example/app.html#L24
[github]: https://github.com/michaelbull/aurelia-swipeout