Why does not the hover effect of dropdown's items work

  1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: Why does not the hover effect of dropdown's items work like the example?

Hyunsung Kim asked 6 years ago

Expected behavior enter image description here

Actual behavior enter image description here

It is still the title. Why does not the hover effect of the dropdown-item appear in the example?

Jakub Mandra staff premium answered 6 years ago

Hello,

I'm sorry, images are missing and I'm not able to fully discover the problem.

But thanks for reporting, I see that we have to update the dropdowns documentation because there are discrepancies

You mean that some dropdowns have colorful hover effect and others are just grey?

To change the hover effect color, you need to simply define it in <MDBDropdownMenu> like so:

       <MDBDropdownMenu color="indigo">
          <MDBDropdownItem>Action</MDBDropdownItem>
          <MDBDropdownItem>Another Action</MDBDropdownItem>
          <MDBDropdownItem>Something else here</MDBDropdownItem>
          <MDBDropdownItem>Separated link</MDBDropdownItem>
        </MDBDropdownMenu>

Best,

Jakub

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.11.1
  • Device: PC
  • Browser: Google Chrome
  • OS: Windows10
  • Provided sample code: No
  • Provided link: No
About author
Hyunsung Kim
5Support score
1Questions 0Answers
0Snippets likes 0Snippets