Elastic UI Framework

Panel is a simple wrapper component to add depth to a contained layout. It is commonly used as a base for other larger components like Page and Popover.

paddingSize="none"

paddingSize="s"

paddingSize="m"

paddingSize="l"

paddingSize="l", hasShadow

Panel can be hoverable

Adding an onClick handler to the EuiPanel will turn the wrapping element into a button to allow for interaction.

Panel beta badges

Similar to EuiCard, panels can also accept an EuiBetaBadge.