Feedback v1.0.0

Banner

Persistent announcement bar for important messages, promotions, or warnings. Supports dismiss with localStorage persistence, action buttons, and multiple variants. Can be fixed to the top or bottom of the viewport, or rendered inline in the document flow.

Preview & Code

Options

Name Type Default Description
message * String required The banner message text
variant Symbol :info Visual style: :info, :success, :warning, or :error
dismissible Boolean false Whether the banner can be dismissed
persist_dismiss Boolean false Remember dismissal via localStorage (requires dismiss_key)
dismiss_key String nil localStorage key for persistent dismissal
action_text String nil Text for the action button/link
action_url String nil URL for the action button
position Symbol :top Banner position: :top, :bottom, or :inline
icon Boolean true Show the variant icon

Changelog v1.0.0

- Initial release with info, success, warning, and error variants
- Fixed top/bottom positioning and inline rendering mode
- Dismissible with optional localStorage persistence
- Optional action button/link with arrow icon
- Variant-specific icons and color schemes with dark mode support

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now