A dropdown (or select menu) is a UI element that allows users to choose one or multiple options from a list. It's commonly used in forms, navigation, and filters.

Medium Dropdown

<div class="dropdown">
    <button type="button" class="dropdown__filter-selected" id="dropdown__filter-selected">Option 2</button>
    <div class="dropdown__options-filter">
        <ul class="dropdown__select">
            <li class="dropdown__select-option">Option 1</li>
            <li class="dropdown__select-option active">Option 2</li>
            <li class="dropdown__select-option">Option 3</li>
        </ul>
    </div>
</div>

Medium Disabled Dropdown

<div class="dropdown">
    <button type="button" class="dropdown__filter-selected disabled" disabled="disabled" id="dropdown__filter-selected">Option 2</button>
    <div class="dropdown__options-filter">
        <ul class="dropdown__select">
            <li class="dropdown__select-option">Option 1</li>
            <li class="dropdown__select-option active">Option 2</li>
            <li class="dropdown__select-option">Option 3</li>
        </ul>
    </div>
</div>