Skip to content
heyrav design system
ComponentsIn tools

Select

A native select with the chevron drawn in CSS, so the platform picker still opens on phones.

Show code
<div class="field"><label for="sel-1">Artboard</label><select class="sel" id="sel-1"><option>1280 × 800</option><option>1080 × 1080</option><option>1080 × 1920</option></select></div>

Keep it native. A custom listbox costs keyboard, screen-reader and mobile behaviour that the platform gives away free.