---
id: Log viewer
beta: true
section: extensions
propComponents: [LogViewer, LogViewerSearch]
---

import { LogViewer, LogViewerSearch, LogViewerContext } from '@patternfly/react-log-viewer';
import { Button, Checkbox, Toolbar, ToolbarContent, ToolbarItem } from '@patternfly/react-core';
import { data } from './realTestData.js';

## Examples

### Basic

```js

```

### With search

```js

```

### With complex toolbar

```js

```

### With header component

```js

```

### With footer component

```js

```

### With ANSI color logs

```js

```