# milkui-actionsheet

> milk component for build mobile web app

Latest version **0.1.1** (published 2017-07-30) · MIT license · 0 weekly downloads

## Install

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

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.1 |
| Published | 2017-07-30 |
| First published | 2017-05-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | caiyongmin |
| Maintainers | caiyongmin |
| Keywords | milk, react, mobile, component |

## Links

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

## Dependencies (5)

- [react](https://npm.io/package/react.md) ~15.4.2
- [fastclick](https://npm.io/package/fastclick.md) ~1.0.6
- [react-dom](https://npm.io/package/react-dom.md) ~15.4.2
- [classnames](https://npm.io/package/classnames.md) ~2.2.3
- [milkui-mask](https://npm.io/package/milkui-mask.md) ^0.1.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.1.1 (latest) — 2017-07-30
- 0.1.0 — 2017-05-23

## README

# milkui-actionsheet

> 从底部弹出的模态框，提供和当前场景相关的 2 个以上的操作动作，也支持提供标题和描述。内置固定的展示样式、不支持特别灵活的修改。

## Overview

![image](https://user-images.githubusercontent.com/11053605/28750873-9b808ecc-752a-11e7-80a0-e198dd84392c.png)

## Example

```js
import ActionSheet from 'milkui-actionsheet';

const { show } = this.state;
const actions = [
  { label: '控制台打印1', onClick: () => { console.info('1'); } },
  { label: '控制台打印2', onClick: () => { console.info('2'); } },
];

<ActionSheet show={show} actions={actions} />
```

## Properties

| Property | Type | Description | Default |
| -- | -- | -- | -- |
| className | String | 自定义的 class 类名 | '' |
| actions | Array | 动作项数组，label 属性必填 | [] |
| onHideSheet | Function | 关闭动作面板时的回调函数 | false |
| show | Boolean | 是否显示 | false |

## Develop

```bash
cnpm i milk-dev -g    # dev tool

cnpm install

npm start
```

## Links

- [Issues](https://github.com/milk-ui/milkui-actionsheet/issues)

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