react-bootstrap
Version:
Bootstrap 3 components build with React
44 lines (37 loc) • 1.08 kB
JavaScript
;
/** @jsx React.DOM */
var React = require("./react-es6")["default"];
var classSet = require("./react-es6/lib/cx")["default"];
var utils = require("./utils")["default"];
var DropdownMenu = React.createClass({displayName: 'DropdownMenu',
propTypes: {
pullRight: React.PropTypes.bool,
onSelect: React.PropTypes.func
},
render: function () {
var classes = {
'dropdown-menu': true,
'dropdown-menu-right': this.props.pullRight
};
return this.transferPropsTo(
React.DOM.ul(
{className:classSet(classes),
role:"menu"},
utils.modifyChildren(this.props.children, this.renderMenuItem)
)
);
},
renderMenuItem: function (child) {
return utils.cloneWithProps(
child,
{
// Capture onSelect events
onSelect: utils.createChainedFunction(child.props.onSelect, this.props.onSelect),
// Force special props to be transferred
key: child.props.key,
ref: child.props.ref
}
);
}
});
exports["default"] = DropdownMenu;