Noora.Banner (noora v0.4.0)

Renders a customizable banner component for displaying messages with different statuses (primary, error, success, warning, information), optional descriptions, and dismissible functionality. Supports a custom icon when the status is primary.

Example

<.banner id="notice" status="success" title="Changes saved successfully" />

Summary

Functions

banner(assigns)

Attributes

  • id (:string) (required)
  • status (:string) - The status of the banner. Defaults to "primary". Must be one of "primary", "error", "success", "warning", or "information".
  • title (:string) (required) - The title of the banner.
  • description (:string) - The description of the banner. Defaults to nil.
  • dismissible (:boolean) - Whether the banner is dismissible or not. Defaults to false.

Slots

  • icon - A custom icon. Only applicable when status is primary.