Multi-Select React Component

A flexible, accessible, and feature-rich multi-select component built with React and TypeScript.

Features

- ✅ Fully customizable
- ✅ Keyboard accessible (WCAG)
- ✅ Type-safe with TypeScript
- ✅ Search/filter support
- ✅ Controlled and uncontrolled modes
- ✅ Single and multi-select modes
- ✅ Custom rendering support
- ✅ Zero dependencies (except React)

Installation

``bash
npm install @myorg/multi-select-react
`

Usage

`tsx
import { MultiSelect } from '@myorg/multi-select-react';
import '@myorg/multi-select-react/styles';

const options = [
{ id: '1', label: 'Option 1' },
{ id: '2', label: 'Option 2' },
{ id: '3', label: 'Option 3' },
];

function App() {
const [selected, setSelected] = React.useState([]);

return (
options={options}
value={selected}
onChange={setSelected}
placeholder="Select options..."
/>
);
}
`

Props

- options - Array of selectable options
- value - Selected values
- onChange - Callback when selection changes
- placeholder - Placeholder text
- isSearchable - Enable search functionality (default: true)
- isMulti - Allow multiple selections (default: true)
- isClearable` - Show clear button (default: true)

License

MIT