package.docs.layouts.Bullseye.examples.Bullseye.md Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of patternfly Show documentation

Assets, source, tooling, and content for PatternFly 4

The newest version!

---
id: Bullseye
section: layouts
cssPrefix: pf-v6-l-bullseye
---import './Bullseye.css'

## Examples

### Basic

```html

  content


```

## Documentation

### Overview

The bullseye layout is designed to center a single child element horizontally and vertically within its parent.

### Usage

| Class | Applied to | Outcome |
| -- | -- | -- |
| `.pf-v6-l-bullseye` | `` | Initializes the bullseye layout. A bullseye can only have one child. |
| `.pf-v6-l-bullseye__item` |  `` | Explicitly sets the child for the bullseye. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |