Banner Alert Location Consent

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button 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/banner14.tsx instead.

Usage

The file also exports banner14Demo, 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 { Banner14, banner14Demo } from "@/components/blocks/banner/banner14";

export default function Page() {
  return <Banner14 {...banner14Demo} />;
}

Props

Behavior notes

• Clicking either button hides the banner via local state; the component only tracks that a choice was made, so the accept/deny handling itself is left to the page.
• A two-button row is used here instead of the inline arrow link other info alerts in this category use, because confirming or changing a detected location is a real either/or decision, not a single acknowledgment.
• The icon is looked up internally rather than accepted as a prop, since this is a Client Component and a Lucide icon reference can't cross the Server-to-Client props boundary from a generated demo page.

Frequently asked questions