title: ngx-bootstrap Dropdown Dropright Placement
body: <p>I am trying to recreate the basic dropright example for the Bootstrap 4 component: <a href="https://getbootstrap.com/docs/4.1/components/dropdowns/#dropright" rel="nofollow noreferrer">https://getbootstrap.com/docs/4.1/components/dropdowns/#dropright</a> using Angular 6 and ngx-bootstrap (3.0.1 as of writing). I have found solutions to get the dropdown to open down (standard) or up (dropup) but dropright isn't working.</p>
  
  <p><a href="https://stackblitz.com/edit/ngx-bootstrap-dropdownplacement" rel="nofollow noreferrer">https://stackblitz.com/edit/ngx-bootstrap-dropdownplacement</a></p>
  
  <p>From the docs, there seems to be a "placement" input - <a href="https://valor-software.com/ngx-bootstrap/#/dropdowns#dropdown-directive" rel="nofollow noreferrer">https://valor-software.com/ngx-bootstrap/#/dropdowns#dropdown-directive</a> - but there are no examples of this and I've tried attaching it to any one of the elements dropdown, dropdownToggle or *dropdownMenu. Basically this is an important part of a sidebar menu, where the submenu dropright.</p>
  
  <p>Can anyone point me in the right direction to get the dropright functionality working with ngx-bootstrap, please?</p>
  
  <p>Sidenote: I have managed to get this working with ng-bootstrap but wouldn't want to switch packages if I don't really have to.</p>