Preview

Installation

Usage

import { Banner, BannerContent, BannerIcon } from "@/components/ui/banner"
<Banner>
  <BannerContent>New features available!</BannerContent>
</Banner>

API Reference

Root banner container.

BannerContent

Text content container for the banner message.

BannerIcon

Icon container with proper sizing and color styling.

BannerClose

Close button for dismissible banners. Uses Button component internally with appropriate styling.

Examples

Error

Warning

Success

Info

Feature

With Close Button