Skip to content

Core UI

Inline Alert — 4 Severities

Static inline banner covering info, success, warning, and error severities with the correct assertive/polite ARIA role per severity.

FreeMIT licensed. Install it with the CLI — no account, no key.
$velocityx add inline-alert
Props & docs
AstroReactTailwind CSSNew

Inline Alert — 4 Severities

Inline Alert — 4 Severities

Live preview of the Inline Alert — 4 Severities component

Info

New: brand tokens now sync automatically on fork.

Deployed

Your site is live at the new domain.

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Inline Alert — 4 Severities component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Read the component docs All 589 components

More Core UI components

Browse all →

Mobile Menu Drawer

Left-docked full-height nav drawer with focus trap, outside-click close, Escape handling, scroll lock, and focus restoration.

Mega Menu Panel

Multi-column dropdown panel triggered from a nav item, with link columns plus an optional featured card, closing on outside click or Escape.

Tabs — Underline & Pill

Keyboard-accessible tab list with an animated active indicator, switchable between underline and pill visual variants via one prop.

Vertical Tabs

Side-stacked tab list with a content pane, for settings-style layouts, with up/down arrow keyboard navigation.

Accordion / FAQ List

Expand/collapse FAQ list with measured-height animation, single or multi-open modes, and arrow-key navigation between headers.

Breadcrumbs

Static breadcrumb trail with BreadcrumbList microdata that collapses the middle segments into an ellipsis on long paths.