Tabs

Tabs group similar content within sub-views of a page.

CSS variables

Expand or collapse columnSelectorVariableValue
.pf-v6-c-tabs--pf-v6-c-tabs--inset
0
.pf-v6-c-tabs--pf-v6-c-tabs--Width
auto
.pf-v6-c-tabs--pf-v6-c-tabs--before--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-tabs--pf-v6-c-tabs--before--border-width--base
1px
.pf-v6-c-tabs--pf-v6-c-tabs--before--BorderBlockStartWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs--before--BorderInlineEndWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs--before--BorderBlockEndWidth
1px
.pf-v6-c-tabs--pf-v6-c-tabs--before--BorderInlineStartWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical--inset
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-page-insets--inset
calc(1.5rem - 4px)
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical--Width
100%
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical--MaxWidth
15.625rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical--m-box--inset
1rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical__list--before--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical__list--before--BorderBlockStartWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical__list--before--BorderBlockEndWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth
1px
.pf-v6-c-tabs--pf-v6-c-tabs__list--Display
flex
.pf-v6-c-tabs--pf-v6-c-tabs__item--BackgroundColor
transparent
.pf-v6-c-tabs--pf-v6-c-tabs__item--PaddingBlockStart
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__item--PaddingBlockEnd
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__item--PaddingInlineStart
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__item--PaddingInlineEnd
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__item--ColumnGap
0.25rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical__item--PaddingInlineStart
1rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd
1rem
.pf-v6-c-tabs--pf-v6-c-tabs__item--m-current--BackgroundColor
transparent
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__item--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__item--m-current--BackgroundColor
transparent
.pf-v6-c-tabs--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor
transparent
.pf-v6-c-tabs--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-tabs--pf-v6-c-tabs__item--m-action--before--ZIndex
200
.pf-v6-c-tabs--pf-v6-c-tabs__link--Color
(In light theme) #4d4d4d
.pf-v6-c-tabs--pf-v6-c-tabs__link--FontSize
0.875rem
.pf-v6-c-tabs--pf-v6-c-tabs__link--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs--pf-v6-c-tabs__link--BorderRadius
6px
.pf-v6-c-tabs--pf-v6-c-tabs__link--BorderWidth
0px
.pf-v6-c-tabs--pf-v6-c-tabs__link--BorderColor
transparent
.pf-v6-c-tabs--pf-v6-c-tabs__link--hover--BorderColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs--pf-v6-c-tabs__link--disabled--BorderColor
transparent
.pf-v6-c-tabs--pf-v6-c-tabs__link--PaddingBlockStart
0.25rem
.pf-v6-c-tabs--pf-v6-c-tabs__link--PaddingInlineEnd
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__link--PaddingBlockEnd
0.25rem
.pf-v6-c-tabs--pf-v6-c-tabs__link--PaddingInlineStart
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__link--ColumnGap
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__link--disabled--Color
(In light theme) #a3a3a3
.pf-v6-c-tabs--pf-v6-c-tabs__link--disabled--BackgroundColor
transparent
.pf-v6-c-tabs--pf-v6-c-tabs__link--hover--BackgroundColor
(In light theme) rgb(199, 199, 199, 0.2500)
.pf-v6-c-tabs--pf-v6-c-tabs__item--m-current__link--Color
(In light theme) #151515
.pf-v6-c-tabs--pf-v6-c-tabs__item--m-current__link--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__link--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__link--disabled--Color
(In light theme) #a3a3a3
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__link--disabled--BackgroundColor
transparent
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__link--hover--BackgroundColor
(In light theme) rgb(199, 199, 199, 0.2500)
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs--pf-v6-c-tabs--m-box--m-secondary__link--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs--pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color
(In light theme) #a3a3a3
.pf-v6-c-tabs--pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor
transparent
.pf-v6-c-tabs--pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor
(In light theme) rgb(199, 199, 199, 0.2500)
.pf-v6-c-tabs--pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs--pf-v6-c-tabs--m-subtab__link--FontSize
0.75rem
.pf-v6-c-tabs--pf-v6-c-tabs__link--TransitionDuration--background-color
100ms
.pf-v6-c-tabs--pf-v6-c-tabs__link--TransitionTimingFunction--background-color
cubic-bezier(.4, 0, .2, 1)
.pf-v6-c-tabs--pf-v6-c-tabs__link--before--border-color--base
(In light theme) #e0e0e0
.pf-v6-c-tabs--pf-v6-c-tabs__link--before--border-width--base
1px
.pf-v6-c-tabs--pf-v6-c-tabs__link--before--BorderBlockStartColor
(In light theme) #e0e0e0
.pf-v6-c-tabs--pf-v6-c-tabs__link--before--BorderInlineEndColor
(In light theme) #e0e0e0
.pf-v6-c-tabs--pf-v6-c-tabs__link--before--BorderBlockEndColor
(In light theme) #e0e0e0
.pf-v6-c-tabs--pf-v6-c-tabs__link--before--BorderInlineStartColor
(In light theme) #e0e0e0
.pf-v6-c-tabs--pf-v6-c-tabs__link--before--BorderBlockStartWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs__link--before--BorderInlineEndWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs__link--before--BorderBlockEndWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs__link--before--BorderInlineStartWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth
0px
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth
0px
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor
(In light theme) #ffffff
.pf-v6-c-tabs--pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth
1px
.pf-v6-c-tabs--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs__link--after--InsetBlockStart
auto
.pf-v6-c-tabs--pf-v6-c-tabs__link--after--InsetInlineStart
0
.pf-v6-c-tabs--pf-v6-c-tabs__link--after--InsetInlineEnd
0
.pf-v6-c-tabs--pf-v6-c-tabs__link--after--InsetBlockEnd
0
.pf-v6-c-tabs--pf-v6-c-tabs__link--after--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-tabs--pf-v6-c-tabs__link--after--BorderWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs__link--after--BorderBlockStartWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs__link--after--BorderInlineEndWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs__link--after--BorderInlineStartWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs__link--after--BorderRadius
999px
.pf-v6-c-tabs--pf-v6-c-tabs--m-box__link--after--BorderRadius
0px
.pf-v6-c-tabs--pf-v6-c-tabs__item--m-current__link--after--BorderColor
(In light theme) #0066cc
.pf-v6-c-tabs--pf-v6-c-tabs__item--m-current__link--after--BorderWidth
3px
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--start
0
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--length
0
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--color
(In light theme) #0066cc
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--border-size
3px
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--TransitionDuration
200ms
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--TransitionTimingFunction
cubic-bezier(0, 0, .2, 1)
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--InsetBlockStart
auto
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--InsetBlockEnd
0
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--InsetInlineStart
0
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--Width
initial
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--Height
0
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--BorderBlockEndWidth
3px
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--BorderInlineStartWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--TranslateX
0
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--TranslateY
0
.pf-v6-c-tabs--pf-v6-c-tabs--link-accent--TransformOrigin
0 center
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart
0
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd
auto
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth
3px
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical--link-accent--TranslateX
0
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical--link-accent--TranslateY
0
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin
center 0
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--PaddingBlockStart
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--PaddingBlockEnd
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--PaddingInlineStart
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--PaddingInlineEnd
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--Width
3rem
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--TransitionDuration--margin
.125s
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--TransitionDuration--transform
.125s
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--TransitionDuration--opacity
.125s
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--before--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--before--border-width--base
1px
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--before--BorderInlineEndWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--before--BorderBlockEndWidth
1px
.pf-v6-c-tabs--pf-v6-c-tabs__scroll-button--before--BorderInlineStartWidth
0
.pf-v6-c-tabs--pf-v6-c-tabs__list--ScrollSnapTypeAxis
x
.pf-v6-c-tabs--pf-v6-c-tabs__list--ScrollSnapTypeStrictness
proximity
.pf-v6-c-tabs--pf-v6-c-tabs__list--ScrollSnapType
x proximity
.pf-v6-c-tabs--pf-v6-c-tabs__item--ScrollSnapAlign
end
.pf-v6-c-tabs--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis
y
.pf-v6-c-tabs--pf-v6-c-tabs__toggle--Display
flex
.pf-v6-c-tabs--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction
cubic-bezier(.4, 0, .2, 1)
.pf-v6-c-tabs--pf-v6-c-tabs__toggle-icon--TransitionDuration
100ms
.pf-v6-c-tabs--pf-v6-c-tabs__toggle-icon--Transition
transform 100ms cubic-bezier(.4, 0, .2, 1)
.pf-v6-c-tabs--pf-v6-c-tabs__toggle-icon--Rotate
0
.pf-v6-c-tabs--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate
-180deg
.pf-v6-c-tabs--pf-v6-c-tabs--m-expandable--RowGap
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-expandable--PaddingBlockStart
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-expandable--PaddingBlockEnd
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-expandable--PaddingInlineStart
1rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-expandable--PaddingInlineEnd
1rem
.pf-v6-c-tabs--pf-v6-c-tabs__item-action--c-button--FontSize
0.875rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize
0.75rem
.pf-v6-c-tabs--pf-v6-c-tabs__item-action-icon--MarginBlockStart
0.125rem
.pf-v6-c-tabs--pf-v6-c-tabs__add--before--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-tabs--pf-v6-c-tabs__add--before--BorderInlineStartWidth
1px
.pf-v6-c-tabs--pf-v6-c-tabs__add--c-button--FontSize
0.875rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-subtab__add--c-button--FontSize
0.75rem
.pf-v6-c-tabs--pf-v6-c-tabs__add--PaddingBlockStart
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__add--PaddingBlockEnd
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__add--PaddingInlineStart
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs__add--PaddingInlineEnd
0.5rem
.pf-v6-c-tabs--pf-v6-c-tabs--m-nav__link--BorderRadius
999px
.pf-v6-c-tabs--pf-v6-c-tabs--m-nav__link--disabled--Color
(In light theme) #a3a3a3
.pf-v6-c-tabs--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize
0.75rem
.pf-v6-c-tabs--pf-v6-c-tabs__link-toggle-icon--Color
(In light theme) #1f1f1f
.pf-v6-c-tabs--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction
cubic-bezier(.4, 0, .2, 1)
.pf-v6-c-tabs--pf-v6-c-tabs__link-toggle-icon--TransitionDuration
100ms
.pf-v6-c-tabs--pf-v6-c-tabs__link-toggle-icon--Transition
transform 100ms cubic-bezier(.4, 0, .2, 1)
.pf-v6-c-tabs--pf-v6-c-tabs__link-toggle-icon--Rotate
0
.pf-v6-c-tabs--pf-v6-c-tabs__link-toggle-icon--FontSize
0.875rem
.pf-v6-c-tabs--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate
-180deg
.pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__item:first-child--pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth
0
.pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__item:last-child--pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth
0
.pf-v6-c-tabs.pf-m-no-border-bottom--pf-v6-c-tabs--before--BorderBlockEndWidth
0
.pf-v6-c-tabs.pf-m-no-border-bottom--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth
0
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link--pf-v6-c-tabs__link--after--BorderBlockEndWidth
0
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link--pf-v6-c-tabs__link--after--BorderBlockStartWidth
0
.pf-v6-c-tabs.pf-m-box--pf-v6-c-tabs__item--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-tabs.pf-m-box--pf-v6-c-tabs__item--m-current--BackgroundColor
transparent
.pf-v6-c-tabs.pf-m-box--pf-v6-c-tabs__link--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs.pf-m-box--pf-v6-c-tabs__link--disabled--Color
(In light theme) #a3a3a3
.pf-v6-c-tabs.pf-m-box--pf-v6-c-tabs__link--disabled--BackgroundColor
transparent
.pf-v6-c-tabs.pf-m-box--pf-v6-c-tabs__link--hover--BackgroundColor
(In light theme) rgb(199, 199, 199, 0.2500)
.pf-v6-c-tabs.pf-m-box--pf-v6-c-tabs__item--m-current__link--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs.pf-m-box--pf-v6-c-tabs__link--before--BorderBlockEndWidth
1px
.pf-v6-c-tabs.pf-m-box--pf-v6-c-tabs__link--after--InsetBlockStart
0
.pf-v6-c-tabs.pf-m-box--pf-v6-c-tabs__link--after--InsetBlockEnd
auto
.pf-v6-c-tabs.pf-m-box--pf-v6-c-tabs__link--after--BorderRadius
0px
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item:last-child--pf-v6-c-tabs__link--before--BorderInlineEndWidth
0
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__link--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__link--before--BorderBlockEndColor
(In light theme) #ffffff
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__link--before--BorderInlineStartColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__link--before--BorderInlineStartWidth
0px
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__link--before--BorderInlineEndColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__link--before--BorderInlineEndWidth
0px
.pf-v6-c-tabs.pf-m-box.pf-m-secondary--pf-v6-c-tabs__item--BackgroundColor
transparent
.pf-v6-c-tabs.pf-m-box.pf-m-secondary--pf-v6-c-tabs__item--m-current--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-tabs.pf-m-box.pf-m-secondary--pf-v6-c-tabs__link--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs.pf-m-box.pf-m-secondary--pf-v6-c-tabs__link--disabled--Color
(In light theme) #a3a3a3
.pf-v6-c-tabs.pf-m-box.pf-m-secondary--pf-v6-c-tabs__link--disabled--BackgroundColor
transparent
.pf-v6-c-tabs.pf-m-box.pf-m-secondary--pf-v6-c-tabs__link--hover--BackgroundColor
(In light theme) rgb(199, 199, 199, 0.2500)
.pf-v6-c-tabs.pf-m-box.pf-m-secondary--pf-v6-c-tabs__item--m-current__link--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs--Width
100%
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs--inset
0.5rem
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs--before--BorderBlockEndWidth
0
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs__item--PaddingInlineStart
1rem
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs__item--PaddingInlineEnd
1rem
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs__link--PaddingInlineStart
0.5rem
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs__link--PaddingInlineEnd
0.5rem
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth
0
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth
1px
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs__link--after--InsetBlockStart
0
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs__link--after--InsetBlockEnd
0
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs__link--after--InsetInlineEnd
auto
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs__list--ScrollSnapTypeAxis
y
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs--link-accent--InsetBlockStart
0
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs--link-accent--InsetBlockEnd
auto
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs--link-accent--Width
undefined
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs--link-accent--Height
undefined
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs--link-accent--BorderBlockEndWidth
0
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs--link-accent--BorderInlineStartWidth
3px
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs--link-accent--TranslateX
0
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs--link-accent--TranslateY
0
.pf-v6-c-tabs.pf-m-vertical--pf-v6-c-tabs--link-accent--TransformOrigin
center 0
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__link--pf-v6-c-tabs__link--after--BorderBlockStartWidth
0
.pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__link--pf-v6-c-tabs__link--after--BorderInlineStartWidth
0
.pf-v6-c-tabs.pf-m-vertical.pf-m-expandable--pf-v6-c-tabs__list--Display
none
.pf-v6-c-tabs.pf-m-vertical.pf-m-expandable--pf-v6-c-tabs__toggle--Display
flex
.pf-v6-c-tabs.pf-m-vertical.pf-m-non-expandable--pf-v6-c-tabs__list--Display
flex
.pf-v6-c-tabs.pf-m-vertical.pf-m-non-expandable--pf-v6-c-tabs__toggle--Display
none
.pf-v6-c-tabs.pf-m-vertical.pf-m-expanded--pf-v6-c-tabs__list--Display
flex
.pf-v6-c-tabs.pf-m-vertical.pf-m-expanded--pf-v6-c-tabs__toggle-icon--Rotate
-180deg
.pf-v6-c-tabs.pf-m-box.pf-m-vertical--pf-v6-c-tabs--inset
1rem
.pf-v6-c-tabs.pf-m-box.pf-m-vertical--pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth
0
.pf-v6-c-tabs.pf-m-box.pf-m-vertical--pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth
1px
.pf-v6-c-tabs.pf-m-box.pf-m-vertical--pf-v6-c-tabs__link--before--BorderInlineEndWidth
1px
.pf-v6-c-tabs.pf-m-box.pf-m-vertical--pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth
1px
.pf-v6-c-tabs.pf-m-box.pf-m-vertical--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth
1px
.pf-v6-c-tabs.pf-m-box.pf-m-vertical--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth
0
.pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:last-child--pf-v6-c-tabs__link--before--BorderInlineEndWidth
1px
.pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child--pf-v6-c-tabs__link--before--BorderBlockStartWidth
1px
.pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__link--before--BorderInlineEndColor
(In light theme) #ffffff
.pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__link--before--BorderInlineEndWidth
1px
.pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__link--before--BorderBlockEndColor
(In light theme) #e0e0e0
.pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child.pf-m-current--pf-v6-c-tabs__link--before--BorderBlockStartWidth
1px
.pf-v6-c-tabs.pf-m-subtab--pf-v6-c-tabs__link--FontSize
0.75rem
.pf-v6-c-tabs.pf-m-subtab--pf-v6-c-tabs__item-action--c-button--FontSize
0.75rem
.pf-v6-c-tabs.pf-m-subtab--pf-v6-c-tabs__add--c-button--FontSize
0.75rem
.pf-v6-c-tabs.pf-m-page-insets--pf-v6-c-tabs--inset
calc(1.5rem - 4px)
.pf-v6-c-tabs.pf-m-nav--pf-v6-c-tabs__link--disabled--BackgroundColor
transparent
.pf-v6-c-tabs.pf-m-nav--pf-v6-c-tabs__link--disabled--Color
(In light theme) #a3a3a3
.pf-v6-c-tabs.pf-m-nav--pf-v6-c-tabs__link--BorderRadius
999px
.pf-v6-c-tabs.pf-m-nav.pf-m-subtab .pf-v6-c-tabs__scroll-button .pf-v6-c-button--pf-v6-c-button--FontSize
0.75rem
.pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__link--Color
(In light theme) #151515
.pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__link--after--BorderColor
(In light theme) #0066cc
.pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__link--after--BorderWidth
3px
.pf-v6-c-tabs__item.pf-m-current--pf-v6-c-tabs__item--BackgroundColor
transparent
.pf-v6-c-tabs__item.pf-m-action--pf-v6-c-tabs__link--after--BorderBlockEndWidth
0
.pf-v6-c-tabs__link:where(:hover, :focus)--pf-v6-c-tabs__link--BackgroundColor
(In light theme) rgb(199, 199, 199, 0.2500)
.pf-v6-c-tabs__link:where(:hover, :focus)--pf-v6-c-tabs__link--BorderColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled--pf-v6-c-tabs__link--Color
(In light theme) #a3a3a3
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled--pf-v6-c-tabs__link--before--BorderInlineEndWidth
0
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled--pf-v6-c-tabs__link--before--BorderBlockEndWidth
1px
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled--pf-v6-c-tabs__link--before--BorderInlineStartWidth
0
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled--pf-v6-c-tabs__link--after--BorderWidth
0
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled--pf-v6-c-tabs__link--BackgroundColor
transparent
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled)--pf-v6-c-tabs__link--BackgroundColor
transparent
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled)--pf-v6-c-tabs__link--BorderColor
transparent
.pf-v6-c-tabs__link.pf-m-expanded--pf-v6-c-tabs__link-toggle-icon--Rotate
-180deg
.pf-v6-c-tabs__item-action .pf-v6-c-button--pf-v6-c-button--FontSize
0.875rem
.pf-v6-c-tabs__scroll-button:nth-of-type(1)--pf-v6-c-tabs__scroll-button--before--BorderInlineEndWidth
1px
.pf-v6-c-tabs__scroll-button:nth-of-type(2)--pf-v6-c-tabs__scroll-button--before--BorderInlineStartWidth
1px
.pf-v6-c-tabs__add .pf-v6-c-button--pf-v6-c-button--FontSize
0.875rem
.pf-v6-c-tabs.pf-m-inset-none--pf-v6-c-tabs--inset
0
.pf-v6-c-tabs.pf-m-inset-none--pf-v6-c-tabs--m-vertical--inset
0
.pf-v6-c-tabs.pf-m-inset-none--pf-v6-c-tabs--m-vertical--m-box--inset
0
.pf-v6-c-tabs.pf-m-inset-sm--pf-v6-c-tabs--inset
0.5rem
.pf-v6-c-tabs.pf-m-inset-sm--pf-v6-c-tabs--m-vertical--inset
0.5rem
.pf-v6-c-tabs.pf-m-inset-sm--pf-v6-c-tabs--m-vertical--m-box--inset
0.5rem
.pf-v6-c-tabs.pf-m-inset-md--pf-v6-c-tabs--inset
1rem
.pf-v6-c-tabs.pf-m-inset-md--pf-v6-c-tabs--m-vertical--inset
1rem
.pf-v6-c-tabs.pf-m-inset-md--pf-v6-c-tabs--m-vertical--m-box--inset
1rem
.pf-v6-c-tabs.pf-m-inset-lg--pf-v6-c-tabs--inset
1.5rem
.pf-v6-c-tabs.pf-m-inset-lg--pf-v6-c-tabs--m-vertical--inset
1.5rem
.pf-v6-c-tabs.pf-m-inset-lg--pf-v6-c-tabs--m-vertical--m-box--inset
1.5rem
.pf-v6-c-tabs.pf-m-inset-xl--pf-v6-c-tabs--inset
2rem
.pf-v6-c-tabs.pf-m-inset-xl--pf-v6-c-tabs--m-vertical--inset
2rem
.pf-v6-c-tabs.pf-m-inset-xl--pf-v6-c-tabs--m-vertical--m-box--inset
2rem
.pf-v6-c-tabs.pf-m-inset-2xl--pf-v6-c-tabs--inset
3rem
.pf-v6-c-tabs.pf-m-inset-2xl--pf-v6-c-tabs--m-vertical--inset
3rem
.pf-v6-c-tabs.pf-m-inset-2xl--pf-v6-c-tabs--m-vertical--m-box--inset
3rem