How to get "active" state on Option

[Filippinifra]

Hello, when I declare the Option component in the "components" prop I have the need to get the active state:

components={{
          Option: (props) => {
            const { data, isDisabled, isFocused, isSelected, children } = props;
         ...

is there a way to get from props the "isActive" state or something like that?

[manjushsh]

Hi @Filippinifra, If you mean by checking if option is selected, there is a flag isSelected which is set to true

See the example screenshot below:

[Filippinifra]

Yea sorry I explain me in a bad way. When the dropdown menu is open, how can I understand when an option is "pressed"? (i was meaning the CSS active status)

[manjushsh]

@Filippinifra, You can get weather option is focused (on hover) with isFocused prop. and isSelected and isFocused on 'press'. Or on "press", you can check in in onChange method.

props when you hover:

Props when you select: