effect-dropdown-react

effect-dropdown-react

适用于 React 的优雅而炫酷的 Dropdown 组件。

中文 | English

安装

$ npm i -S effect-dropdown-react # yarn add effect-dropdown-react

概览

访问在线示例

使用

一个简单的例子

main.js

  import 'effect-dropdown-react/dist/index.css'

App.jsx

  import { EffectDropdown, EffectDropdownItem } from 'effect-dropdown-react'

  export default () => {
    return (
      <EffectDropdown
        effect="camber"
        activeColor="#4d8c9d"
        label="Select your platform"
      >
        <EffectDropdownItem>Twitter</EffectDropdownItem>
        <EffectDropdownItem>Facebook</EffectDropdownItem>
        <EffectDropdownItem>Google+</EffectDropdownItem>
        <EffectDropdownItem>GitHub</EffectDropdownItem>
      </EffectDropdown>
    )
  }

详细使用方法见 文档 & 例子

Vue

查看 Vue 版本

开发

$ npm install
$ npm run dev

调试

$ npm run build:package
$ npm link ./

App.jsx

  import { EffectDropdown, EffectDropdownItem } from 'effect-dropdown-react'
  import 'effect-dropdown-react/dist/index.css'

构建

$ npm run build:package # 构建 npm 包
$ npm run build:example # 构建示例站点
$ npm run build # build:package & build:example

更新日志

详见 releases