Inline Notification Banner

Subscription

Full-width, page-level notice bar for outages, trial warnings or a system-wide success confirmation — distinct from a boxed in-content alert card. Pairs an icon with a text severity label so meaning never rides on colour alone, carries an optional action button alongside dismiss, and announces through an aria-live region set to polite for info/success and assertive for warning/error.

Category: Standard Overlays & Menus
Framework: react
Version: 1.0.1
Peer deps: react

Install

bash

velocityx add standard-inline-notification-banner

This component is on the Velocity Components subscription. Run velocityx login <your-key> first — subscribe here if you haven't. The licence key is in your receipt email.

Demo

View the live demo on the showcase site ↗

Source

Component source isn't shown here for subscription components — that's the one thing the subscription gates. Install it with the CLI after logging in, or preview the rendered result on the live demo.

Theming

Uses the shared primary-* / accent-* scale — see Theming if colours look unstyled after install.