Easy methods to Construct a Lava-Lamp Model Navigation Menu with React

A Lava-Lamp menu comprises an indicator that strikes to the chosen place after we choose an choice.

We will see the sort of navigation, (for instance) within the AppleTV interface.

Nonetheless not clear? Check out this demo:
https://react-llamp-menu-demo.netlify.app/

Easy methods to create it?
1.-Set up the dependency
npm i react-llamp-menu

2.-Import
import {LavalampMenu} from 'react-llamp-menu';

3.-Add a menu construction like this

<LavalampMenu>
  <ul>
    <li><button onClick={()=>console.log('choice 1')}>First choice</button></li>
    <li><button onClick={()=>console.log('choice 2')}>Second choice</button></li>
    <li><button onClick={()=>console.log('choice 3')}>Third choice</button></li>
  </ul>
</LavalampMenu>

4.-customize utilizing CSS

Try the mission on gitHub
https://github.com/jlizanab/react-llamp-menu

Watch a demo on CodeSandbox
https://codesandbox.io/s/react-llamp-menu-luq9ht