Skip to content

Instantly share code, notes, and snippets.

@danhper
Created February 6, 2016 06:02
Show Gist options
  • Save danhper/ab4bb6a4e6ac7b5aebfa to your computer and use it in GitHub Desktop.
Save danhper/ab4bb6a4e6ac7b5aebfa to your computer and use it in GitHub Desktop.
.dropdown > ul > li > a:focus {
background-color: #46629E;
}
import 'styles/App.css';
import React from 'react';
import {ButtonToolbar, DropdownButton, MenuItem} from 'react-bootstrap';
class AppComponent extends React.Component {
render() {
return (
<div>
<ButtonToolbar>
<DropdownButton title="Button" onSelect={this.handleSelect.bind(this)}>
<MenuItem eventKey="1">Action</MenuItem>
<MenuItem eventKey="2">Another action</MenuItem>
<MenuItem eventKey="3">Something else here</MenuItem>
<MenuItem divider />
<MenuItem eventKey="4">Separated link</MenuItem>
</DropdownButton>
</ButtonToolbar>
</div>
);
}
handleSelect(evt, key) {
console.log(key); // eventKey value
}
}
export default AppComponent;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment