Введение
AccordionBadgesBannerButtonCalendarCaptionCarouselCheckboxContentAreaCounterGridHeaderLinkListNotificationPaginationParagraphPreloaderRadioButtonSearchSelectSwitcherTabsTextFieldTextLinkTileTooltip
AccordionBoxAudioPlayerBannerBoxBenefitsIconsBenefitsPicturesBreadcrumbsButtonBannerButtonLinkBoxCardCardsBoxCarouselBoxContainerDownloadLinksFaqWrapperInstructionsPageTitlePartnersPictureWithDescriptionPropertyStepsStoreBannerTableTabsBoxTextBoxTextWithIconTitleDescriptionBoxVideoBannerVideoBlock
ИконкиЦвета

Banner

import { Banner } from '@megafon/ui-core';
Код DemoSlide
export const DemoSlide = ({ children, background = '#fff' }) => (
    <div
        style={{
            height: '100%',
            backgroundColor: background,
            display: 'flex',
            justifyContent: 'center',
            alignItems: 'center',
            fontSize: '30px',
        }}
    >
        {children}
    </div>
);
export const OffsetBlock = () => (
    <div
        style={{
            position: 'relative',
            width: '80%',
            height: '50px',
            background: '#731982',
            margin: '-36px auto 0',
        }}
    />
);

Базовое использование

Светлая цветовая тема навигации

1
2
3

Цветовая тема навигации

Зеленая

1
2
3

Темная

1
2
3

Прокрутка

C зацикливанием

3
1
2
3
1

Автоматическая

3
1
2
3
1

Пауза прокрутки при наведении курсора на компонент

3
1
2
3
1

С наезжанием на баннер следующего за баннером элемента

1
2
3