---
title: "Banner"
description: "Banners convey brief information related to a specific section of a page."
sidebar_label: "Banner"
slug: /reference/components/banner
---

import ComponentDemo from '@site/src/components/ComponentDemo';

# Banner

Banners convey brief information related to a specific section of a page. The message can relay success, warning, error, or general information. The color and placement of the banner indicate the urgency of the message.

**Package:** `@terreno/ui`  
**Categories:** Component  
**Props interface:** `BannerProps`  
**Story source:** [`demo/stories/Banner.stories.tsx`](https://github.com/flourishhealth/terreno/blob/master/demo/stories/Banner.stories.tsx)

## Live demo

<ComponentDemo name="Banner" />

## Props

_No documented props were extracted from TypeDoc._