Banner Alert

A compact, edge-to-edge announcement strip for site-wide notices — a single-line message with a colored accent edge instead of an icon chip.

Scheduled maintenance — Sunday 2:00–4:00 AM UTC. Some features may be unavailable.

Alerts & Toastsalertbannerannouncementsingle-line

Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.

Dependencies: lucide-react

Overview

Layout

Single-line row + left accent bar (no icon chip)

Color

bg-foreground/60 accent edge — neutral, routine notice

Use case

Site-wide/global notices (maintenance, outage windows)

Accessibility

role="status", single-line so screen readers announce it fast