# mint-actionsheet

> An action sheet component for vue.js

Latest version **2.0.0** (published 2016-10-29) · MIT license · 0 weekly downloads

## Install

```sh
npm install mint-actionsheet
pnpm add mint-actionsheet
yarn add mint-actionsheet
bun add mint-actionsheet
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2016-10-29 |
| First published | 2016-05-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | yi.shyang@ele.me |
| Maintainers | qingwei.li, yi.yang |

## Links

- npm: https://www.npmjs.com/package/mint-actionsheet
- Repository: https://github.com/mint-ui/mint-actionsheet
- Homepage: https://github.com/mint-ui/mint-actionsheet#readme
- Issues: https://github.com/mint-ui/mint-actionsheet/issues
- npm.io page: https://npm.io/package/mint-actionsheet

## Dependencies (1)

- [vue-popup](https://npm.io/package/vue-popup.md) ^0.2.9

## Recent versions

- 2.0.0 (latest) — 2016-10-29
- 0.1.0 (lerna-temp) — 2016-06-13
- 0.0.6 — 2016-06-08
- 0.0.5 — 2016-06-08
- 0.0.4 — 2016-06-05
- 0.0.3 — 2016-05-31
- 0.0.2 — 2016-05-26
- 0.0.1 — 2016-05-26

## README

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

# Installation
First, install `mint-actionsheet` from npm:
```bash
$ npm install mint-actionsheet
```

Import it:
```Javascript
require ('mint-actionsheet/lib/index.css');

// ES6 mudule
import Actionsheet from 'mint-actionsheet';

// CommonJS
const Actionsheet = require('mint-actionsheet').default;
```

Register component:
```Javascript
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.

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

## API
| option | description | type | acceptable values | default |
|------|-------|---------|-------|--------|
| actions | array of actions | Array | | |
| cancelText | text of the cancel button. If this is an empty string, no cancel button will show  | String | | '取消' |
| closeOnClickModal | if the action sheet turns off when the modal is clicked | Boolean | | true |

# License
MIT

---
_Source: https://npm.io/package/mint-actionsheet · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._