Custom loading Icon in dropdown

Is your feature request related to a problem? Please describe. When the isLoading prop is set to true it shows a ‘loading’ text. I think it would be nice to have an option to show a custom loading icon when isLoading is set to true.

Describe the solution you’d like Just to add loading prop which could be a node.

Additional context You can take a look at Antd library’s dropdown loading. It appears like the empty state of the dropdown (items not found) but shows a spinner instead of text.

[ericgio]

Yes that’s right. So actually you’d also need to pass an empty array to options as well so the empty state shows up:

<Typeahead
  ...
  emptyLabel={isLoading ? <MyLoader /> : 'No results'}
  options={isLoading ? [] : options}
/>

Alternatively, you can use renderMenu to handle things however you want.

[ericgio]

Sorry you had trouble finding the information you were looking for. Unfortunately it’s impractical to account for every use case in the docs, so I try to cover the more common or general cases there. This case might be a good candidate for the example section. If you’d like to create a sandbox and submit a PR adding it to the README, I’d be happy to merge it.