renderOption

This an example of the default option rendering function. Based on that you can create your own renderOption function.

import { SelectOptionDefault } from './types'
 
const _renderOption = (option: SelectOptionDefault) => {
  return <span>{getOptionLabel(option)}</span>
}

Caveats

The props of renderOption carry className that has all interaction on hover and focus. You can either preserve this like in example or skip altogether if you want to have your own styles for things like selected, hover or disabled. Please refer to type definition to find out what you can base your styles on.

Component API