Dropdown


```jsx
const Lib = require('../index');
   <Lib.UncontrolledDropdown>
        
        <Lib.DropdownToggle>
            Dropdown
        </Lib.DropdownToggle>
        <Lib.DropdownMenu>
          <Lib.DropdownItem header>Header</Lib.DropdownItem>
          <Lib.DropdownItem disabled>Action</Lib.DropdownItem>
          <Lib.DropdownItem>Another Action</Lib.DropdownItem>
          <Lib.DropdownItem divider />
          <Lib.DropdownItem>Another Action</Lib.DropdownItem>
        </Lib.DropdownMenu>
  </Lib.UncontrolledDropdown>
```

Alignment

To align the DropdownMenu to the right, add a right prop to Dropdown.



```jsx
const Lib = require('../index');
   <Lib.UncontrolledDropdown>
        
        <Lib.DropdownToggle caret>
            Dropdown
        </Lib.DropdownToggle>
        <Lib.DropdownMenu right>
          <Lib.DropdownItem header>Header</Lib.DropdownItem>
          <Lib.DropdownItem disabled>Action</Lib.DropdownItem>
          <Lib.DropdownItem>Another Action</Lib.DropdownItem>
          <Lib.DropdownItem divider />
          <Lib.DropdownItem>Another Action</Lib.DropdownItem>
        </Lib.DropdownMenu>
  </Lib.UncontrolledDropdown>
```

Custom dropdown



```jsx
const Lib = require('../index');
   <Lib.UncontrolledDropdown>
        
        <Lib.DropdownToggle
         tag="span"
         onClick={this.toggle}
         data-toggle="dropdown">
            Dropdown
        </Lib.DropdownToggle>
        <Lib.DropdownMenu right>
          <Lib.DropdownItem header>Header</Lib.DropdownItem>
          <Lib.DropdownItem disabled>Action</Lib.DropdownItem>
          <Lib.DropdownItem>Another Action</Lib.DropdownItem>
          <Lib.DropdownItem divider />
          <Lib.DropdownItem>Another Action</Lib.DropdownItem>
        </Lib.DropdownMenu>
  </Lib.UncontrolledDropdown>
```