Orbit UI

Select

Desplegable sobre React Aria: se abre con teclado, busca por escritura, cierra con Escape y devuelve el foco al disparador. El menu copia el ancho del disparador para no saltar al abrirse.

npx orbitui-cli add select
ModeloPodés cambiarlo en cualquier momento.
Zona horaria
Deshabilitado

Abrilo con Enter y escribí para buscar dentro de la lista.

Props

PropTipoDescripción
labelstring—
descriptionstring—
placeholderstring—
children*ReactNode | ((item: T) => ReactNode)—
itemsIterable<T>—
classNamestring—
descriptionstring—
classNamestring—

Qué instala

Archivo
components/orbit/ui/select.tsx
Componentes
cx
Paquetes npm
react-aria-components@^1.5.0

A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.