Select

Closed trigger with chevron; the open menu overlays instead of pushing layout.

Face

The only face

Inter, or Inter. Weight and size do the rest.

Install

npx @noordvc/raster-cli add select

Markup

<button class="rs-dropdown"><span>Alkmaar</span></button>
<div class="rs-menu"><button class="rs-menu-item rs-menu-item-active">Alkmaar</button><button class="rs-menu-item">Amsterdam</button></div>

React

import { Select } from "@/components/raster/select";

<Select
  options={[{ value: "alkmaar", label: "Alkmaar" }]}
  value={city}
  onValueChange={setCity}
/>

Classes

.rs-select.rs-dropdown.rs-menu.rs-menu-item.rs-menu-item-active