# uxcore-dropdown

> dropdown component

Latest version **0.5.2** (published 2018-09-07) · ISC license · 0 weekly downloads

## Install

```sh
npm install uxcore-dropdown
pnpm add uxcore-dropdown
yarn add uxcore-dropdown
bun add uxcore-dropdown
```

## 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.5.2 |
| Published | 2018-09-07 |
| First published | 2015-08-15 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 24.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | vincent.bian |
| Maintainers | eternalsky, kulelikule, surfacew, vincent.bian |
| Keywords | uxcore, dropdown, react, component |

## Links

- npm: https://www.npmjs.com/package/uxcore-dropdown
- Repository: https://github.com/uxcore/dropdown
- Issues: https://github.com/uxcore/dropdown/issues
- npm.io page: https://npm.io/package/uxcore-dropdown

## Dependencies (3)

- [classnames](https://npm.io/package/classnames.md) ^2.1.2
- [rc-dropdown](https://npm.io/package/rc-dropdown.md) ~2.2.0
- [object-assign](https://npm.io/package/object-assign.md) ^4.0.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.5.2 (latest) — 2018-09-07
- 0.5.1 — 2018-08-01
- 0.5.0 — 2018-06-25
- 0.4.3 — 2018-05-10
- 0.4.2 — 2018-05-09
- 0.4.1 — 2017-01-10
- 0.4.0 — 2016-12-30
- 0.3.0 — 2016-06-06
- 0.2.6 — 2016-06-01
- 0.2.5 — 2016-05-19
- 0.2.4 — 2016-04-11
- 0.2.3 — 2016-04-07
- 0.2.2 — 2016-03-05
- 0.2.1 — 2016-02-28
- 0.2.0 — 2015-11-06
- … 7 more at https://npm.io/package/uxcore-dropdown/versions

## README

uxcore-dropdown
===============

---

TL;DR
-----

dropdown ui component for react

#### setup develop environment

```sh
$ git clone https://github.com/uxcore/uxcore-dropdown
$ cd uxcore-dropdown
$ npm install
$ gulp server
```

Usage
-----

```js
import Dropdown from 'uxcore-dropdown';
import Menu from 'uxcore-menu';
var menu = <Menu>
  <Menu.Item>
    <a target="_blank" href="http://www.alipay.com/">第一个菜单项</a>
  </Menu.Item>
  <Menu.Item>
    <a target="_blank" href="http://www.taobao.com/">第二个菜单项</a>
  </Menu.Item>
  <Menu.Item>
    <a target="_blank" href="http://www.tmall.com/">第三个菜单项</a>
  </Menu.Item>
</Menu>;

React.render(
	<Dropdown overlay={menu}>
		<button className="kuma-button kuma-button-sblue">hover触发</button>
	</Dropdown>,
	document.getElementById('target'));
```

### demo

http://uxcore.github.io/uxcore/components/dropdown/

API
---

### props

| 参数           | 说明         | 类型          | 默认值      |
|----------------|--------------|---------------|-------------|
| trigger        | 触发下来行为 | array         | `['hover']` |
| overlay        | 菜单节点     | react element | 无          |
| onVisibleChange|当 visible 改变时触发|Function| noop        |
| visible        |是否可见      | boolean       | false       |
|

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