Examples
Scrollable
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Scrollable with auto height
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Main content
Documentation
Usage
Class | Applied to | Outcome |
|---|---|---|
.pf-v6-c-panel | <div> | Initiates the panel. Required |
.pf-v6-c-panel__header | <div> | Initiates the panel header. |
.pf-v6-c-panel__main | <div> | Initiates the panel main content. |
.pf-v6-c-panel__main-body | <div> | Initiates a panel content body container. |
.pf-v6-c-panel__menu | <div> | Initiates a panel menu container. |
.pf-v6-c-panel__footer | <div> | Initiates the panel footer. |
.pf-m-bordered | .pf-v6-c-panel | Adds a border to the panel. |
.pf-m-no-border | .pf-v6-c-panel | Removes the border from a variant that has a default border. |
.pf-m-raised | .pf-v6-c-panel | Applies elevated styles for use when the panel appears on top of other elements. |
.pf-m-scrollable | .pf-v6-c-panel | Modifies the panel so the main content is scrollable. |
.pf-m-scrollable-auto-height | .pf-v6-c-panel | Modifies the panel to have an auto height when scrollable. |
.pf-m-secondary | .pf-v6-c-panel | Modifies the panel for secondary styles. |
.pf-m-pill | .pf-v6-c-panel | Modifies the panel for pill border radius. |
.pf-m-full-height | .pf-v6-c-panel | Makes the panel fill the available height. |
.pf-m-glass | .pf-v6-c-panel | Applies glass styling to the panel in glass theme. |
