The most powerful async select component for Mantine UI. Load options dynamically with pagination, search, and multi-select support.
npm install mantine-select-async-paginate
Requires React 18+, Mantine 7+ or 8+. Works with both CommonJS and ES modules.
Async data loading with pagination
Single and Multi-select modes
Debounced search (300ms default)
Infinite scroll support
Built-in caching for performance
Full TypeScript support
Custom option rendering
Selection limits & filtering
All Mantine theming & styling
Error handling & loading states
Get up and running in minutes with these simple examples:
import { AsyncPaginateSelect, AsyncPaginateMultiSelect } from 'mantine-select-async-paginate';
// Single Select
<AsyncPaginateSelect
loadOptions={loadOptions}
defaultOptions
cacheOptions
placeholder="Search..."
/>
// Multi Select
<AsyncPaginateMultiSelect
value={selectedValues}
onChange={setSelectedValues}
loadOptions={loadOptions}
maxSelectedValues={5}
excludeSelected={true}
/>