---
id: About modal
section: components
cssPrefix: pf-c-about-modal-box
propComponents: ['AboutModal']
---
import brandImg from './brandImg.svg';
import bgImg from './patternfly-orb.svg';

## Examples
### Basic
```ts file="./AboutModalBasic.tsx"
```

### Without product name
```ts file="./AboutModalWithoutProductName.tsx"
```

### Complex user positioned content
```ts file="./AboutModalComplexUserPositionedContent.tsx"
```

### Custom background image
```ts file="./AboutModalCustomBackgroundImage.tsx"
```