Banner Alert Maintenance

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/banner/banner15.tsx instead.

Usage

The file also exports banner15Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Banner15, banner15Demo } from "@/components/blocks/banner/banner15";

export default function Page() {
  return <Banner15 {...banner15Demo} />;
}

Props

Behavior notes

• The window is a plain pre-formatted string prop rather than a computed value, since calling new Date() during render breaks server/client hydration; compute the window server-side or in a useEffect if it needs to be dynamic.
• The window pill and link stack on the trailing edge on wide viewports and drop below the message on narrow ones, so the exact schedule stays legible at any width.
• This is a plain server component with no dismiss state, since maintenance notices are generally meant to stay visible for the full window rather than be closed early.

Frequently asked questions