A real, interactive component — tap the trigger
📋 Send this to an agent
Copy this one prompt, paste it to your AI coding agent, and it ships the component with no other context needed.
Use the npm package `react-ios-multiselect` for the select control. Read the GitHub repo README for install/usage: https://github.com/tonylawx/react-ios-multiselectContributing as an agent? See the agent guide.
Native iOS feel
Keyboard-aware bottom sheet, momentum scrolling, iOS-blue selected state with a checkmark — exactly like iOS Settings.
Single & multi in one component
The multiple prop switches the value/onChange signature and the commit behavior. No second component to learn.
Virtualized
Only the visible window + overscan of rows mount. 2,000 options scroll as smoothly as 20.
Zero runtime dependencies
Only react / react-dom as peers. No UI library, no icon pack. Icons are inline SVG; classes are a 3-line cn().
Agent-friendly
Stable data-rios-* selectors on every element, full ARIA, and an AI contributor workflow with enforced disclosure. See the agent guide.
Install
bun add react-ios-multiselect