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 dependencynpm i react-llamp-menu
2.-Importimport {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