REACT-NATIVES
WIRED FOR SPEED
react-natives v2.1.2
Theme
Light
Dark
Get Started
Menu
Components
Form Controls
SearchablePicker
A compact searchable option picker with grouped rows, free-text creation, and selected-value display.
Example
Preview
Code
Props
SearchablePicker Props
Prop
Type
Default
Description
value *
string
—
The selected option value.
options *
Array<string | SearchablePickerOption>
—
Options to display and search.
onChange *
(value: string) => void
—
Called when the selected value changes.
freeText
boolean
false
Allows creating a value that is not already in the options list.
Usage Guidelines
When to use
Use SearchablePicker for budget categories, accounts, tags, and other long option lists that need filtering.
Related Components
Select
A compound dropdown select component with trigger, portal-based content, search filtering, single-select, and multi-select badge support.
Input
A compound text input component with support for leading/trailing slots, icons, and multiple visual variants.
Badge
A compound component for displaying short status labels, counts, or tags with semantic color and variant options.
React-Natives
A comprehensive React Native component library.
Documentation
Getting Started
Components
Theming
Community
GitHub
Discord
Twitter
Blog
Support
FAQ
Contact
Contributing
License
© 2026 React-Natives. Wired by WireServers-UI.