https://github.com/sidloki/aurelia-onsenui

Aurelia bindings for Onsen UI
https://github.com/sidloki/aurelia-onsenui

Last synced: about 1 month ago
JSON representation

Aurelia bindings for Onsen UI

• Host: GitHub
• URL: https://github.com/sidloki/aurelia-onsenui
• Owner: sidloki
• License: mit
• Created: 2017-03-25T15:23:25.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-10-26T06:18:35.000Z (about 6 years ago)
• Last Synced: 2024-10-02T09:06:03.321Z (3 months ago)
• Language: JavaScript
• Size: 180 KB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-onsenui - aurelia-onsenui - Aurelia integration of Onsen UI. (Community Packages / Other Frameworks)

README

        
# Aurelia bindings for Onsen UI

## Installation

```shell

yarn add aurelia-onsenui

```

Or

```shell

npm install aurelia-onsenui --save

```

### Aurelia CLI

Add the following to the `dependencies` section of your `aurelia.json` file:

```

{

  "name": "aurelia-onsenui",

  "main": "index.js",

  "path": "../node_modules/aurelia-onsenui/dist/amd"

},

{

  "name": "onsenui",

  "main": "js/onsenui.js",

  "path": "../node_modules/onsenui"

}

```

## Configuration

Load the plugin inside your `main.js` file.

> With version 0.2.0 a custom router is used to work around

> this [issue](https://github.com/aurelia/router/issues/436), so ensure that

> you don't use the standard configuration.

```javascript

export function configure(aurelia) {

  aurelia.use

    .basicConfiguration()

    .history()

    .plugin('aurelia-onsenui')

    ...;

  ...

}

```

Add the Onsen UI CSS files to your `index.html`:

```html

  

    ...

    

    

    ...

  

  ...

```

## Usage

See the [kitchen sink](https://github.com/sidloki/aurelia-onsenui-kitchensink).

## License ##

Released under the [MIT license][license].

[license]: ./LICENSE