Выпадающий список

Select поддерживает управляемый и внутренний выбор, отключённые варианты, сообщение о пустом списке, поиск по первым буквам, полную клавиатурную навигацию и скрытый нативный select для отправки формы и валидации обязательного поля при указании name.

Пример

Интерактивный пример

Использование

Импортируйте компонент из публичной точки входа пакета.

import { Select } from "denjs-ui";

const countries = [
  { value: "us", label: "United States" },
  { value: "ca", label: "Canada" },
  { value: "mx", label: "Mexico" },
];

export function Example() {
  return (
    <Select
      aria-label="Country"
      options={countries}
      defaultValue="us"
    />
  );
}