Components

Select

Single-select listbox: the menu drifts open with a slight scale while options cascade in at 15ms intervals; the chosen option carries a check glyph.

Install

Copies the component source — plus its small internal deps — into your project. You own the code from the first minute.

terminal

npx lumora-ui@latest add select

Import

Using the workspace package instead? Deep imports keep cold starts lean; the barrel is fully tree-shakable either way.

app/page.tsx

import { Select } from "@lumora/ui/components/select";
// or from the barrel:
import { Select } from "@lumora/ui";

Props worth knowing

options take { value, label, textValue?, disabled? }; works controlled via value/onValueChange or uncontrolled via defaultValue, with placeholder on the empty trigger. Arrow keys, Home/End, typeahead and Enter drive it entirely from the keyboard. Props extend the natural HTML element, so className, event handlers, and aria attributes pass straight through.