Lyse UI GitHub

BannerInfo

The BannerInfo component displays a static, contextual message to inform users about important states or outcomes. It helps communicate confirmations, warnings, errors, or general notices within a page section.

Add to v0.dev
tsx

Default

Default neutral variant with icon visible.

Variants

Each variant has its own background, border, text color, and icon.

Without Icon

Hides the variant icon.

Rich Content

Children accept any React node -- bold text, links, or inline content.