Множественный выбор

MultiSelect поддерживает управляемый и внутренний выбор нескольких значений, необязательный поиск по вариантам, отключённые варианты, отдельные сообщения о пустом списке и об отсутствии совпадений, полную клавиатурную навигацию (переключение варианта клавишами Enter и Space без закрытия попапа) и скрытый нативный multiple select для отправки формы и валидации обязательного поля при указании name.

Пример

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

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

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

import { MultiSelect } from "denjs-ui";

const skills = [
  { value: "writing", label: "Writing" },
  { value: "research", label: "Research" },
  { value: "design", label: "Design" },
];

export function Example() {
  return (
    <MultiSelect
      aria-label="Skills"
      options={skills}
      defaultValues={["writing"]}
      searchable
    />
  );
}