---
id: Alert group
section: components
---

import { useEffect } from 'react';
import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
import DashboardWrapper from './examples/DashboardWrapper';
import DashboardHeader from './examples/DashboardHeader';


## Demos

This demonstrates how you can assemble a full page view including the use of alert group toast notifications with timeout that are also displayed inside the notification drawer.

### Alert group toast with notification drawer

```js file='./examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx' isFullscreen
```