> Deprecated: > Product subscription app extensions won't be supported as of December 3, 2025. You should migrate existing product subscription app extensions to [purchase options extensions](/docs/apps/build/purchase-options/purchase-options-extensions). Banners inform merchants about important changes or persistent conditions. Use this component if you need to communicate to merchants in a prominent way. [Learn more about best practices and guidelines on using Banners](https://polaris.shopify.com/components/feedback-indicators/banner#best-practices).
BannerAction
| Button to display at bottom of banner. |
| onDismiss? | () => void
| Callback fired when banner is dismissed. |
| status? | "success" | "info" | "attention" | "warning" | "new"
| Visual treatment of the banner based on message purpose. |
| title? | string
| Title of the banner. |
### BannerAction
| Name | Type | Description |
| --- | --- | --- |
| onAction | () => void
| Callback when the Banner action button is pressed. |
| content | string
| Button label text. |
## Guidelines
- 📱 Do not nest other components other than Text. They will not be rendered. Use nested Text to render text content within the Banner.
- 📱 Do not nest banners inside horizontal Stacks, Pressables, ResourceItems, Cards, or CardSections. This will result in unintended behavior.
| ✅ Do | 🛑 Don't |
| ------------------------------------------------------------- | -------------------------------- |
| Place Banners at the top of the page or section they apply to | Use too many Banners at one time |
| Use status to provide additional context to the merchant | |
For more guidelines, refer to Polaris' [Banner best practices](https://polaris.shopify.com/components/feedback-indicators/banner#best-practices).