Dropdown

I asked my decision-making app for help. It told me to consult a magic 8-ball.

Dropdowns

We've got two types of dropdown effect here (the dropdown component is actually the container elements, not the cards, text etc.). Anything inside a dropdown trigger or disclosure can be totally customised and expanded upon.

Surface with expanding toggle

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do

Expanding surface

Used for disclosing in-line content, e.g. inside this site's navigation.

Surface with overlay toggle

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do

Surface overlay

Adds dropdown content on top of existing content.