---
id: About modal
section: components
cssPrefix: pf-v6-c-about-modal-box
propComponents: ['AboutModal']
---
import { Fragment, useState } from 'react';
import brandImg from '../../assets/PF-IconLogo.svg';
import bgImg from '../../assets/pf-background.svg';
import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';

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

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

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