Overview

mint-actionsheet is an action sheet component for vue.js

Installation

First, install mint-actionsheet from npm:

$ npm install mint-actionsheet

Import it:

require ('mint-actionsheet/lib/index.css');
 
// ES6 mudule
import Actionsheet from 'mint-actionsheet';
 
// CommonJS
const Actionsheet = require('mint-actionsheet').default;

Register component:

Vue.component('actionsheet', Actionsheet);

Example

actions is an array of objects. Each object has two keys: name and method. name is the text showing on the sheet, and method(optional) is the callback when clicked.

Bind v-model with one of your vue instance variables. Toggle it to switch on/off the action sheet.

<mt-actionsheet
  :actions="actions"
  v-model="sheetVisible">
</mt-actionsheet>

API

License

MIT