Aurelia-onsenui NPM

Aurelia bindings for Onsen UI

Installation

yarn add aurelia-onsenui

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, so ensure that you don't use the standard configuration.

export function configure(aurelia) {
  aurelia.use
    .basicConfiguration()
    .history()
    .plugin('aurelia-onsenui')
    ...;

  ...
}

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

<html>
  <head>
    ...
    <link rel="stylesheet" type="text/css" href="node_modules/onsenui/css/onsenui.css">
    <link rel="stylesheet" type="text/css" href="node_modules/onsenui/css/onsen-css-components.css">
    ...
  </head>
  ...
</html>