Create a split dropdown button, where the left button provides standard click event and link support, while the right hand side is the dropdown menu toggle button. Use prop split for split dropdown.
Dropdowns work with trigger buttons of all sizes, including default and split dropdown buttons. Set the size prop to either sm for small button(s), or lg for large button(s).
To have the dropdown aligned on the right, set the right .prop. Turn your dropdown menu into a drop-up menu by setting the .dropup prop. .dropright takes precedence over .dropleft.
Neither .dropright or .dropleft have any effect if .dropup is set.
By default dropdowns act like buttons and are displayed inline. To create block level dropdowns (that span to the full width of a parent) set the .d-block prop.
Group a set of dropdown sub components with an optional associated header. Place a .dropdown-divider between your .dropdown-group and other groups or non-grouped dropdown contents.