README_en.md

effect-dropdown-react

Simple effects of Dropdown for React.js.

English | 中文

Installation

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

Gallery

Go to online examples

Usage

A simple example

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>
    )
  }

See usage & examples for more details.

Vue

See Vue version

Develop

$ npm install
$ npm run dev

Debug

$ npm run build:package
$ npm link ./

App.jsx

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

Build

$ npm run build:package # Build for npm
$ npm run build:example # Build for site
$ npm run build # build:package & build:example

Changelog

See releases