Cephalopod

Banner

A top-level notification banner for important system messages.

Variants

Success
Your subscription has been renewed successfully.
Warning
Your account will expire in 3 days. Please renew soon.
Error
There was a problem processing your last payment.
Information
A new version of the design system is now available.

Usage

Code Example
import { Banner } from "cephalopod-design-system"

<Banner variant="success" title="Success" onClose={() => {}}>
  Your subscription has been renewed successfully.
</Banner>