Dropdowns

Basic Dropdown

Stack’s dropdowns can serve a number of purposes, from navigation menu to multi-choice button. There are a number of ways to present a dropdown, but all follow the same markup pattern of a parent .dropdown element with a .dropdown__trigger which when clicked, will display the dropdown housed inside the .dropdown__container element.

The width of the dropdowns are controlled using the Bootstrap column classes.

Trigger Dropdown

I’m the content inside the .dropdown__content element. My width is controlled using the Bootstrap column classes. You can read more about those here