yarn add aurelia-onsenui
Or
npm install aurelia-onsenui --save
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"
}
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>
See the kitchen sink.
Released under the MIT license.