Bullseye
Use a Bullseye layout to center content, both vertically and horizontally within a container.
ExamplesPropsCSS VariablesProps
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| children | React.ReactNode | No | null | content rendered inside the Bullseye layout |
| className | string | No | '' | additional classes added to the Bullseye layout |
| component | unknown | No | 'div' | Sets the base component to render. defaults to div |
CSS Variables
| .pf-l-bullseye | --pf-l-bullseye--Padding | 0 |
