Skip to content

otissv/react-uikit-dropdown

Repository files navigation

#React UIkit Dropdown

Defines different styles for list dropdown and navigations.

See http://otissv.github.io/react-uikit-components/ for docs.

##Usage The master branch has been updated to React 15. To use with React 0.14 checkout 0.14 branch.

UIkit css is not included. You can get it from getuikit.com

###Installation npm install react-uikit-dropdown --save;

// ES6
import uikit from 'react-uikit-dropdown';

// ES5
var Dropdown = require('react-uikit-dropdown').default;

###Example <Dropdown hover trigger={{ body:'Hover', animate: { in: (element) => this.animateIn(element), out: (element) => this.animateOut(element) } } > This is a hover dropdown

<Dropdown
  trigger={{
    body:'Click',
    animate: {
      in: (element) => this.animateIn(element),
      out: (element) => this.animateOut(element)
    }
  }}
>
  This is a click dropdown
</Dropdown>

##Tests

npm run testto run tests with minimal output.
npm run test:spec to run tests with detailed output.
npm run test:watch watches all directories and run tests with minimal output on file changes.

##Build npm run build to build files fro distribution.
npm run build:watch watches src directory and builds files on changes.

##Lint npm run lint lints scripts in src directory.
npm run lint:watch watches src directory and lints scripts in src directory.

##License MIT

About

React uikit dropdown component.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published