rc-dropdown

rc-dropdown

react dropdown component

Screenshot

Example

online example: http://react-component.github.io/dropdown/examples/

install

Usage

var Dropdown = require('rc-dropdown');
// use dropdown

API

props

                   

name	type	default	description
overlayClassName	String		additional css class of root dom node
prefixCls	String	rc-tooltip	prefix class name
transitionName	String		dropdown menu's animation css class name
animation	String		part of dropdown menu's animation css class name
onVisibleChange	Function		call when visible is changed
visible	boolean		whether tooltip is visible
defaultVisible	boolean		whether tooltip is visible initially
overlay	rc-menu		rc-menu element
onOverlayClick	function(e)		call when overlay is clicked
minOverlayWidthMatchTrigger	boolean	true (false when set alignPoint)	whether overlay's width must not be less than trigger's

Development

npm install
npm start

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

rc-dropdown is released under the MIT license.

Similar packages

Other packages similar to rc-dropdown

react-bootstrap-dropdown

This package provides dropdown components styled with Bootstrap. It is similar to rc-dropdown but integrates tightly with the Bootstrap framework for styling and components.

downshift

Downshift is a set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components. It's more complex and provides more functionality compared to rc-dropdown, including autocomplete behavior.

react-select

React-select is a flexible and state-driven component for creating multi-select input fields. It offers a richer set of features compared to rc-dropdown, such as multi-select, async options loading, and more.