Skip to content
Patternfly Logo

Panel

Info alert:Beta feature

This Beta component is currently under review and is still open for further evolution. It is available for use in product. Beta components are considered for promotion on a quarterly basis. Please join in and give us your feedback or submit any questions on the PatternFly forum or via Slack.

Examples

Basic

Main content
Header content

Main content

No body

Main content

Raised

Main content

Bordered

Main content

Scrollable

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-c-panel
<div>
Initiates the panel. Required
.pf-c-panel__header
<div>
Initiates the panel header.
.pf-c-panel__main
<div>
Initiates the panel main content.
.pf-c-panel__main-body
<div>
Initiates a panel content body container.
.pf-c-panel__footer
<div>
Initiates the panel footer.
.pf-m-bordered
.pf-c-panel
Modifies the panel for bordered styles.
.pf-m-raised
.pf-c-panel
Modifies the panel for raised styles.
.pf-m-scrollable
.pf-c-panel
Modifies the panel for scrollable styles.

CSS variables


View source on GitHub