Banner

import { Banner } from "@raydenui/ui";

<Banner title="New feature available" />

<Banner
  title="Update available"
  description="A new version of the app is ready to install."
/>

<Banner status="information" title="Information" description="This is an informational message." />
<Banner status="success" title="Success" description="Your changes have been saved." />
<Banner status="warning" title="Warning" description="This action cannot be undone." />
<Banner status="error" title="Error" description="Something went wrong." />
<Banner status="feature" title="New Feature" description="Check out our latest update." />
<Banner status="opportunity" title="Opportunity" description="Limited time offer available." />

<Banner
  status="success"
  emphasis="bold"
  title="Payment successful"
  description="Your order has been confirmed."
/>

<Banner size="sm" title="Small banner" />
<Banner size="lg" title="Large banner" />

<Banner
  title="New update available"
  buttonLabel="Update now"
  onButtonClick={() => console.log("Update clicked")}
/>

<Banner
  title="Important notice"
  dismissible={false}
/>