Меню Lava-Lamp содержит индикатор, который перемещается в выбранную позицию, когда мы выбираем опцию.

Мы можем видеть этот тип навигации, например, в интерфейсе AppleTV.

Все еще не ясно? Взгляните на эту демонстрацию:

Как его создать?
1.-Установить зависимость
npm i react-llamp-menu

2.-Импорт
import {LavalampMenu} from 'react-llamp-menu';

3.-Добавьте структуру меню, подобную этой

<LavalampMenu>
  <ul>
    <li><button onClick={()=>console.log('option 1')}>First option</button></li>
    <li><button onClick={()=>console.log('option 2')}>Second option</button></li>
    <li><button onClick={()=>console.log('option 3')}>Third option</button></li>
  </ul>
</LavalampMenu>
Войти в полноэкранный режим

Выйти из полноэкранного режима

4.-настроить с помощью CSS


Посмотреть проект на gitHub

Посмотреть демонстрацию на CodeSandbox