Banner
NewfeedbackProminent product message with icon, supporting copy, and action slot.
import { Banner, Button } from '@/components/forge'Preview
Banner
New component batch available
Preview data, layout, and navigation components in the library.
Code Example
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
title | React.ReactNode | - | Yes | Primary banner message |
description | React.ReactNode | - | No | Supporting message |
action | React.ReactNode | - | No | Optional action slot |
Variants
default
Accessibility
- Keeps actions in normal tab order
- Message is text-first and does not rely on color alone