A drop-down menu is a menu which displays a list of options which are mutually exclusive and not consecutive. A drop-down menu contains a simple arrow pointing downwards on the right, in contrast to a pop-up menu which has two arrows on the right: one pointing upwards and one pointing downwards. Drop-down menu’s should be used sparingly, as they hide important information, i.e. the options, from users. In forms use text-input fields or other controls better suited for the job.
drop-down-menu.is-valid drop-down-menu.is-invalid drop-down-menu__select:disabled drop-down-menu__select:focus
drop-down-menu--90 drop-down-menu--max-width-90 drop-down-menu--max-width-80 drop-down-menu--max-width-70 drop-down-menu--max-width-60