Advanced FB Dropdown Menu

Dark Theme Mode (3 options)

Background colour change on mouse events

Change State using React Hooks & CSS Animation, Mouse Events & CSS in JS libraries

Manage a background colour of the component using React Hooks, onMouseEnter and onMouseOut events.

Dependencies

• React Transition Group npm i react-transition-group

A set of components for managing component states (including mounting and unmounting) over time, specifically designed with animation in mind

• Emotion JS library

npm i emotion

Emotion is CSS in JS framework.