This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
vue-onsenui with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
With Onsen UI you can create beautiful and performant hybrid apps that run on both Android and iOS. This package contains Vue.js v2 bindings and components that make it easy to integrate the Onsen UI components in Vue apps.
For more information of what's included in Onsen UI please see:
yarn add onsenui vue-onsenui --save
import 'onsenui/css/onsenui.css'; import 'onsenui/css/onsen-css-components.css'; import Vue from 'vue'; import VueOnsen from 'vue-onsenui'; Vue.use(VueOnsen);
<link rel="stylesheet" href="onsen-css-components.css"> <link rel="stylesheet" href="onsenui.css"> <script src="vue.js"></script> <script src="onsenui.js"></script> <script src="vue-onsenui.js"></script> <!-- Vue.use(VueOnsen) is called automatically if window.Vue is defined -->
The examples are located under
/bindings/vue/examples directory in the main repo.
You can serve these examples by running the development server. First you need to build the main repo. When that is done you can run the following commands from
yarn install yarn run dev
This will open a development server with a kitchen sink app in
Otherwise, have a look at the playground for online examples.
If you find any bug or want to request features/API changes, please open an issue. Make sure to include all information necessary to reproduce it if you file a bug report.