BottomBar

import { BottomBar } from '@megafon/ui-lk-vas';

Примеры и код
Свойства и методы

Особенности использования

Компонент BottomBar закреплен в нижней части экрана. Для компонента установлено фиксированное позиционирование относительно контентной области Layout.

<div style={{ height: "150px", translate: "0", backgroundColor: "var(--spbSky0)" }}>
      <BottomBar
          actionButtonTitle="Далее"
          onActionButtonClick={handleClick}
          onBackButtonClick={handleClick}
      />
  </div>

Кнопка действия в состоянии загрузки

<div style={{ height: "150px", translate: "0", backgroundColor: "var(--spbSky0)" }}>
      <BottomBar
          actionButtonTitle="Далее"
          showActionButtonLoader
          onActionButtonClick={handleClick}
          onBackButtonClick={handleClick}
      />
  </div>

Отключение кнопки действия

<div style={{ height: "150px", translate: "0", backgroundColor: "var(--spbSky0)" }}>
      <BottomBar
          actionButtonTitle="Далее"
          disableActionButton
          onActionButtonClick={handleClick}
          onBackButtonClick={handleClick}
      />
  </div>