❤
npm
Sign UpSign In

aurelia-onsenui
TypeScript icon, indicating that this package has built-in type declarations

0.2.5 • Public • Published

Aurelia bindings for Onsen UI

Installation

yarn add aurelia-onsenui

Or

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>

Usage

See the kitchen sink.

License

Released under the MIT license.

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.2.5
    1
    • latest

Version History

Package Sidebar

Install

npm i aurelia-onsenui

Repository

github.com/sidloki/aurelia-onsenui

Homepage

github.com/sidloki/aurelia-onsenui

Weekly Downloads

8

Version

0.2.5

License

MIT

Last publish

Collaborators

  • sidloki
Try on RunKit
Report malware