CSS custom properties

--mds-tab-direction-vertical-columnsDefines the column layout for vertical tabs.

--mds-tab-item-default-backgroundBackground color for default tab items.

--mds-tab-item-default-colorText color for default tab items.

--mds-tab-item-default-shadowShadow for default tab items.

--mds-tab-item-hover-backgroundBackground color for hovered tab items.

--mds-tab-item-hover-colorText color for hovered tab items.

--mds-tab-item-hover-shadowShadow for hovered tab items.

--mds-tab-item-radiusBorder radius for tab items.

--mds-tab-item-selected-backgroundBackground color for selected tab items.

--mds-tab-item-selected-colorText color for selected tab items.

--mds-tab-item-selected-shadowShadow for selected tab items.

--mds-tab-scroll-behaviorScroll behavior for tab container.

--mds-tab-scroll-scrollbar-marginMargin for scrollbar.

--mds-tab-scroll-scrollbar-radiusRadius of scrollbar.

--mds-tab-scroll-scrollbar-sizeSize of scrollbar.

--mds-tab-scroll-scrollbar-thumb-backgroundBackground color of scrollbar thumb.

--mds-tab-scroll-scrollbar-track-backgroundBackground color of scrollbar track.

--mds-tab-slide-delayDelay before tab slide animation.

--mds-tab-tabs-backgroundBackground color of the tabs container.

--mds-tab-tabs-gapGap between tabs.

--mds-tab-tabs-overflow-shadowShadow applied to overflowed tabs.

--mds-tab-tabs-overflow-shadow-sizeSize of the overflow shadow.

--mds-tab-tabs-paddingPadding inside the tabs container.

--mds-tab-tabs-radiusBorder radius of the tabs container.

--mds-tab-tabs-wrapper-marginMargin for the tabs wrapper.

--mds-tab-tabs-wrapper-outline-opacityOpacity of the wrapper outline.

--mds-tab-tabs-wrapper-shadowShadow for the tabs wrapper.

--mds-tab-tabs-wrapper-shadow-colorColor of the wrapper shadow.

--mds-tab-transition-durationDuration of tab transition animation.

--mds-tab-transition-timing-functionTiming function for tab transition animation.

Parts

contentsSelects the container of the tabbed contents elements.

sliderSelects the slider element which is visible when attribute animation is set to slide.

tabsSelects the container of mds-tab-item list elements.