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

TabBox

Компонент TabsBox является оберткой над компонентом Tabs из раздела Компоненты и имеет идентичные свойства и методы

import { TabsBox, TabBox } from '@megafon/ui-shared';
Демо данные
export const DemoContent = ({ children }) => (
    <div
        style={{
            padding: '0 0 20px 0',
        }}
    >
        <div
            style={{
                padding: '80px 0',
                background: 'rgba(0, 0, 0, 0.05)',
                fontSize: '20px',
                textAlign: 'center',
            }}
        >
            {children}
        </div>
    </div>
);

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

Таб 1
Таб 2
Таб 3
Таб 4
Контент 1
Контент 2
Контент 3
Контент 4