NavigationDrawer

Использование​

NavigationDrawer — это компонент навигационного меню, который может отображаться в трех режимах mode:

  • static — статичное меню слева от контента
  • drawer — выдвижное меню поверх контента без затемнения фона
  • overlay — модальное меню поверх контента с затемнением фона

Структура меню​

Меню состоит из секций, каждая из которых может содержать:

  • label Заголовок секции (опционально)
  • hasDivider Отображать ли разделитель. По умолчанию false. Разделитель отображается, только если не указан заголовок
  • items Список элементов меню

Элементы меню​

Каждый элемент меню может содержать:

  • label Текст
  • icon Иконку (при включенном withContentLeft)
  • contentLeft Контент слева (вместо иконки, при включенном withContentLeft)
  • counter Счетчик
  • hasIndicator Индикатор
  • onClick Колбек при нажатии на меню
  • href Ссылка
  • target Для ссылки

Примеры​

Live Editor
Result
Open in CodeSandbox