---
id: Badge
section: components
cssPrefix: pf-v6-c-badge
propComponents: ['Badge']
---

import { Fragment } from 'react';
import './Badge.css';

## Examples

### Read

```ts file="./BadgeRead.tsx"
```

### Unread

```ts file="./BadgeUnread.tsx"
```

### Disabled

```ts file="./BadgeDisabled.tsx"
```