Введение
AccordionBadgesBannerButtonCalendarCaptionCarouselCheckboxChipsContentAreaContentViewCounterGridHeaderLinkListNavArrowNotificationPaginationParagraphPreloaderRadioButtonSearchSelectSelectorSlidersSnackbarStoreButtonSwitcherTabsTextFieldTextLinkTileTooltip
AccordionBoxAudioPlayerBannerBoxBenefitsIconsBenefitsPicturesBreadcrumbsButtonBannerButtonLinkBoxCardCardsBoxCarouselBoxContainerDownloadLinksFaqWrapperImageBannerInstructionsNotificationBoxPageTitlePartnersPictureWithDescriptionPropertyStepsStoreBannerTableTabsBoxTextBoxTextWithIconTitleDescriptionBoxVideoBannerVideoBlock
ИконкиЦвета

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>
);

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

1
2
3
4
5

Радиус баннера

Прямые углы

1
2
3
4
5

Закругленные углы

1
2
3
4
5

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

Светлая

1
2
3

Темная

1
2
3

Цветовая тема стрелок навигации

Белая

1
2
3

Темная (deprecated)

1
2
3

Прокрутка

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

3
1
2
3
1

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

3
1
2
3
1

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

3
1
2
3
1

Единственный слайд

1