---
id: Banner
section: components
---
import { Fragment } from 'react';
import { css } from '@patternfly/react-styles';
import display from '@patternfly/react-styles/css/utilities/Display/display';
import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';

## Demos

### Basic sticky banner

```ts file="examples/Banner/BannerBasicSticky.tsx" isFullscreen
```

### Top and bottom banner

```ts file="examples/Banner/BannerTopBottom.tsx" isFullscreen

```