Skip to Content
Patternfly Logo

Bullseye

Use a Bullseye layout to center content, both vertically and horizontally within a container.

ExamplesPropsCSS Variables

Examples

Basic

Bullseye ◎ layout

Props

Bullseye properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNonullcontent rendered inside the Bullseye layout
classNamestringNo''additional classes added to the Bullseye layout
componentunknownNo'div'Sets the base component to render. defaults to div

CSS Variables

.pf-l-bullseye--pf-l-bullseye--Paddingl_bullseye_Padding
0