Preview Code
Style: Shadcn
Default
Default CSS
Fruits Apple Banana Blueberry Grapes Pineapple
<vanilla-select id="fruitSelect" default-value="banana">
    <select-trigger class="w-[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>