Behavior
The dropdown will run when the component is clicked or hovered, and can be closed when the component is clicked on or off.
Size
Desktop
It has no defined size.
If it contains a lot of information or starts to occupy more than half your page, it's advisable to use either a full page layout, a modal, or even a side panel.
Mobile
For the mobile version, a drawer is required to display information.
|
The dropdown desktop element can be placed in a mobile drawer with the following size: max-width: 640px / max-height: 90% of the screen |
|