wovue-off-canvas
OffCanvas (Sidenav/Drawer) component for Vue.js
Last updated 4 years ago by wochap .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install wovue-off-canvas 
SYNC missed versions from official npm registry.

OffCanvas

OffCanvas (Sidenav/Drawer) component for Vue.js

Create a smooth off-canvas sidebar that slides in and out of the page.

Live examples & Docs

https://wovue.github.io/off-canvas

Features

  • a11y friendly.
  • Support multiples OffCanvas.
  • You can optionallity push your content when the OffCanvas is open.

Getting Started

Install the package using npm

$ npm install wovue-off-canvas --save

Install the plugin

require('wovue-off-canvas/dist/off-canvas.css')

import Vue from 'vue'
import OffCanvas from 'wovue-off-canvas'

Vue.use(OffCanvas)

Note only with webpack you can import CSS in javascript.

Basic Usage

<wv-off-canvas ref="menu">
  <!-- off-canvas content -->
</wv-off-canvas>
<wv-off-cannvas-wrap>
  <!-- content to push -->
  <button v-off-canvas:toggle="menu" type="button">Toggle menu</button>
</wv-off-cannvas-wrap>

Development

# install dependencies
npm install

# serve with hot reload src-docs at localhost:8080
npm run dev

# build for production with minification src-docs and src
npm run build

# copy docs folder to gh-pages branch and push
npm run deploy-docs

Current Tags

  • 1.4.0                                ...           latest (4 years ago)

8 Versions

  • 1.4.0                                ...           4 years ago
  • 1.2.1                                ...           4 years ago
  • 1.2.0                                ...           4 years ago
  • 1.1.1                                ...           4 years ago
  • 1.1.0                                ...           4 years ago
  • 1.0.2                                ...           4 years ago
  • 1.0.1                                ...           4 years ago
  • 1.0.0                                ...           4 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (1)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |