Koala UI

Banner

A full-bleed announcement bar for promos, release notes and site-wide notices. Soft tones tint a background while the icon and action carry the hue. Sits above the navbar or atop any page region.

Pro
Pro
Pro
Pro

Installation#

# One-time setup (tokens + lib helpers)npx koalaui-cli@latest init# Add this component (its dependencies come along)npx koalaui-cli@latest add banner

Responsive#

The bar keeps its icon, message, and action in one row on desktop and tightens as the frame narrows. Drag the handle or pick a breakpoint on any preview to see it adapt, and switch the per-frame theme to check the tint on each surface.

FAQ#

The component (in /docs/components/banner) is the configurable engine you install via the CLI. These sections are finished, copy-pasteable announcement bars built from it, ready to sit above a navbar or atop any page region.