Interactive tutorial for Onsen UI.

Try it here: http://onsenui.github.io/tutorial

#Contributing

We always appreciate contributions in form of issues or pull requests. For questions about OnsenUI please ask in our community First clone the repository with [email protected]:OnsenUI/tutorial.git. After that just run a simple http-server for example:

$ npm install -g http-server
$ http-server

In order to create new tutorials simply add an HTML file to the corresponding directory under ./tutorial/. After that, include a line in ./js/modules.js to index it in the app. Please check the existing examples to understand the proper syntax.

By default, this app fetches the latest released version of Onsen UI and the bindings. This can be modified by running app.setVersion(libName, version) in the Developer Console, where libName is a string matching 'onsenui', 'react-onsenui' or any other bindings; and version is a string containing the exact version, e.g. '2.0.5'.

If the tutorial app is served locally together with Onsen UI repo, it will fetch local versions for Onsen UI and the bindings. It requires Onsen UI main repo directory to be located in the same level:

workspace/
├── Onsen UI/     (main repo)
└── tutorial/     (tutorial repo)

http-server workspace -c-1
// Navigate to localhost:8080/tutorial/

This can be disabled by running app.config.local = false; in Developer Console and reloading the demo.