```js
import { Dropdown } from 'frontend-react-components';

<Dropdown title='Menu'>
    <Dropdown.Item>
        Create user
    </Dropdown.Item>
    <Dropdown.Item>
        Logout
    </Dropdown.Item>
</Dropdown>
```

```js
import { Dropdown, OptionsGlyph } from 'frontend-react-components';

<Dropdown title={<OptionsGlyph/>} iconOnly={ true } withChevron={ false }>
    <Dropdown.Item>
        Create user
    </Dropdown.Item>
    <Dropdown.Item>
        Logout
    </Dropdown.Item>
</Dropdown>
```

### Advanced usage

```js
import { Dropdown } from 'frontend-react-components';

<Dropdown
    show
    title='Menu'
    variant='primary'
>
    <Dropdown.Item>
        Create user
    </Dropdown.Item>
    <Dropdown.Item>
        Logout
    </Dropdown.Item>
</Dropdown>
```

### Upgrading
Upgrading from 2.x.x to 3.x.x

v2.x.x had `DropdownButton`, this has been replaced with `Dropdown` and it's much cleaner.

`DropdownButton` is still importable for legacy purposes

Please use the new props, see the prop docs above

- `bsStyle` -> `variant`
- `open` -> `show`
- `pullRight` -> `alignRight`