Select

<vanilla-select id="fruitSelect" default-value="banana">
    <select-trigger style="width: 180px;">
        <select-value placeholder="Select a fruit"></select-value>
    </select-trigger>
    <select-content>
        <select-group>
            <select-label>Fruits</select-label>
            <select-item data-value="apple">Apple</select-item>
            <select-item data-value="banana">Banana</select-item>
            <select-item data-value="blueberry">Blueberry</select-item>
            <select-item data-value="grapes">Grapes</select-item>
            <select-item data-value="pineapple">Pineapple</select-item>
        </select-group>
    </select-content>
</vanilla-select>