| Line 1: | 
Line 1: | 
|   |  |   |  | 
| − | <button type="button" class="btn btn-primary">Primary</button>  | + | <ButtonDropdown direction="down" isOpen={this.state.dropdownOpen} toggle={this.toggle} style={{marginBottom: "15px"}} color={this.props.color}>  | 
| − |    | + |     <DropdownToggle caret {...this.props}>  | 
| − |    | + |          Reply  | 
| − |    | + |     </DropdownToggle>  | 
| − |    | + |     <DropdownMenu>  | 
| − |  <div class="dropdown">
  | + |         <DropdownItem>Action 1</DropdownItem>  | 
| − |         <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  | + |         <DropdownItem>Action 2</DropdownItem>  | 
| − |             Dropdown button
  | + |         <DropdownItem>Action 3</DropdownItem>  | 
| − |          </button>  | + |     </DropdownMenu>  | 
| − |         <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  | + | </ButtonDropdown>  | 
| − |             <a class="dropdown-item" href="#">Action</a>
  |   | 
| − |             <a class="dropdown-item" href="#">Another action</a>
  |   | 
| − |             <a class="dropdown-item" href="#">Something else here</a>
  |   | 
| − |         </div>
  |   | 
| − |     </div>
  |   | 
|   |  |   |  | 
|   |  |   |  |