---
title: Banner · Cloudflare Style Guide
description: How to display a banner at the top of the page and when to use it.
lastUpdated: 2024-10-14T11:03:17.000Z
source_url:
  html: https://dinasaur404-patch-1.preview.developers.cloudflare.com/style-guide/frontmatter/banner/index.md
  md: https://dinasaur404-patch-1.preview.developers.cloudflare.com/style-guide/frontmatter/banner/
---

One of the fields you can add to the [Frontmatter](https://developers.cloudflare.com/style-guide/frontmatter/) is `banner`. It displays a prominent section at the top of the page and supports the use of HTML for links and formatting.

Only use it to alert about disruptive situations and take note to remove it when applicable.

## Example

```mdx
---
title: Banner
description: How to display a banner at the top of the page and when to use it.
banner:
  content: Do <strong>not</strong> use banners in the <a href="/style-guide/frontmatter/">Frontmatter</a> unless a change will cause customer application to break.
---
```
