Having trouble getting help?
Contact Support
Contact Support
Style and appearance in React Drop down button component
30 Jan 20231 minute to read
To modify the DropDownButton appearance, you need to override the default CSS of DropDownButton component. Please find the list of CSS classes and its corresponding section in DropDownButton. Also, you have an option to create your own custom theme for the controls using our Theme Studio.
| CSS Class | Purpose of Class | |
|---|---|---|
| .e-dropdown-btn | To customize the dropdown button | |
| .e-dropdown-btn:hover | To customize the dropdown button on hover | |
| .e-dropdown-btn.e-active | To customize the dropdown button on active | |
| .e-dropdown-popup | To customize the dropdown button pop up | |
| .e-dropdown-popup ul .e-item:hover | To customize the dropdown button pop up items on hover | |
| .e-dropdown-popup ul .e-item:active | To customize the dropdown button pop up items on active |