Studiov0.6.0

Banner

Tier 1 — shadcn
Feedback

A full-width site-level notification banner displayed at the top of the page.

Live Preview

System maintenance scheduled for Sunday 02:00 UTC.

Code

import { Banner } from "@regen/ui";

<Banner />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Maintenance window notices
  • •New feature announcements
  • •Account status warnings

Do

  • ✓Keep text short — one sentence
  • ✓Add a dismiss button for non-critical banners

Don't

  • ✗Don't use for in-page feedback — use Alert
  • ✗Don't use more than one banner at a time