Patternfly Logo



Panel 1

Light 300 background

Panel 1



Tab content should be used with the tabs component.


AttributeApplied toOutcome
role="tabpanel".pf-c-tab-contentIndicates that the element serves as a container for a set of tabs. Required
aria-labelledby=[ID of tab element].pf-c-tab-contentProvides an accessible name for the tab panel by referring to the tab element that controls it. Required
id=[ID of tab panel].pf-c-tab-contentProvides an ID for the tab panel, and should be used as the value of aria-controls on the tab element that controls the panel. Required that the tab panel is not visible. Required on all but the active tab panel
tabindex="0".pf-c-tab-contentPuts the tab panel in the page tab sequence and facilitates movement to panel content for assistive technology users. Required


ClassApplied toOutcome
.pf-c-tab-content<section>Initiates the tab content component. Required the tab content component background color.

CSS variables


View source on GitHub