Wondering what’s next for npm?Check out our public roadmap! »

    vue-onsenui

    2.6.3 • Public • Published

    Vue bindings for Onsen UI

    Onsen UI Vue

    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:

    Installation

    Package Manager (yarn, npm)

    yarn add onsenui vue-onsenui --save
    

    Direct download

    Get onsenui.js, onsenui.css and onsenui-css-components.css from the latest core release. You will also need vue-onsenui.js file from this CDN link.

    Including Vue.js and Onsen UI

    ES6 imports and Webpack (with CSS imports)

    import 'onsenui/css/onsenui.css';
    import 'onsenui/css/onsen-css-components.css';
    
    import Vue from 'vue';
    import VueOnsen from 'vue-onsenui';
    
    Vue.use(VueOnsen);

    Direct include in index.html

    <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 -->

    Examples - Running the development server

    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 /bindings/vue/ directory:

    yarn install
    yarn run dev
    

    This will open a development server with a kitchen sink app in localhost:8080.

    Otherwise, have a look at the playground for online examples.

    Support

    If you need help using these bindings we recommend you to use our forum to ask questions. We also have a Discord chat.

    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.

    Install

    npm i vue-onsenui

    DownloadsWeekly Downloads

    2,108

    Version

    2.6.3

    License

    none

    Unpacked Size

    254 kB

    Total Files

    59

    Homepage

    onsen.io/

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar