Add Custom Search data to Search Box (Web)

> For the complete documentation index, see [llms.txt](https://docs.mapbox.com/mapbox-search-js/llms.txt) # Add Custom Search data to Search Box (Web) This example demonstrates how to pass custom data into a `MapboxSearchBox` instance so that search results include both custom search results and Mapbox provided results. To do this, you must leverage the [`componentOptions.customSearch`](https://docs.mapbox.com/mapbox-search-js/api/web/search/#mapboxsearchboxcomponentoptions-properties-customsearch) parameter. The example below contains an array of formatted features data called `airports` which represent small airfields in the Northeast United States. This data can come from any source like an external API or local data, but it must be formatted as a suggestion result as returned by the [Search Box API](https://docs.mapbox.com/api/search/search-box/#response-get-suggested-results). Also, each suggestion needs to contain a `_geometry` object that includes `coordinates` and `type` properties as specified in the [retrieved `Feature` format](https://docs.mapbox.com/api/search/search-box/#response-retrieve-a-suggested-feature). This allows our custom data to work interchangeably when it is returned inside SearchBox. The [`customSearch`](https://docs.mapbox.com/mapbox-search-js/api/web/search/#mapboxsearchboxcomponentoptions-properties-customsearch) parameter receives the search query from `SearchBox` and we pass this to the `async` `searchAirports()` function that returns a `Promise` which resolves to our custom search data suggestions. Search for '44N', 'Sky Acres' or 'IZG' to see the custom airport data being returned within the Search Box results. If your application included a map, you could then click on a custom data result and handle that on the map as you'd like. **JavaScript** ```html Add Custom Search data to Search Box (Web)

```