Banner

Preview


pnpm dlx @olyx/cli@latest add banner

import { Banner, BannerContent, BannerIcon } from "@/components/ui/banner"

<Banner>
  <BannerContent>New features available!</BannerContent>
</Banner>

Root banner container.

Prop	Type	Default
`variant`	`"filled" \| "light" \| "lighter" \| "stroke"`	`"filled"`
`status`	`"error" \| "warning" \| "success" \| "info" \| "feature"`	`"feature"`

Text content container for the banner message.

Icon container with proper sizing and color styling.

Close button for dismissible banners. Uses Button component internally with appropriate styling.