Alert Widget

🎯 Purpose

The Alert widget is designed to present prominent notices, warnings, or promotional messages in a striking box—ideal for urgency prompts, banner alerts, or call-to-action highlights.

⚙️ Content Features

• Alert Message
  A customizable text area for your message. Supports dynamic content or static text.

• Optional Prefix or Icon
  Add a label like “Notice:” or an icon to draw attention. Supports any icon from the library, including custom options.

• Close Button
  Option to include a dismiss “X” icon. You can choose whether it permanently hides the alert when clicked or simply removes it from view.

• Link Support
  Optional hyperlink for the alert message or icon, with controls for opening in a new tab and adding nofollow attributes.

🎨 Style & Design Customization

Container Styling

• Adjust background color, border style, padding, border radius, and box shadow.

• Choose overall alignment (left, center, right, or justified).

Typography

• Customize the font, size, weight, color, letter spacing, and text shadows for the main message and optional prefix.

Icon & Button Styling

• Set icon size, color, spacing, hover effects, and background shapes.

• Style the close button separately—adjust color, size, border, background, hover behaviors, and positioning.

🛠️ Advanced Configuration

• Responsive Controls
  Adjust padding, typography, and icon size separately for desktop, tablet, and mobile views.

• Behavior Settings
  Choose whether alert disappears permanently or momentarily once closed.

• Motion & Effects
  Include entrance animations or scroll-triggered effects to capture attention.

• Layout Refinements
  Manage margins, z-index, HTML attributes, and custom CSS classes to fit your design needs.

✅ Best Practices

• Use to highlight important notices like limited-time offers, safety warnings, or updates.

• Keep messages short and compelling, with clear calls to action if applicable.

• Use contrastive colors for background and text for improved visibility.

• Include icons or prefix text to structurally reinforce the alert’s type.

• Test responsiveness to make sure the alert displays cleanly across devices, avoiding overflow or overlap.

📌 Ideal Use Cases

• Sale or promotion alerts across website banners.

• Policy update notices or urgent service announcements.

• Security reminders—like password change prompts or cookie notices.

• Subscription or registration confirmations when paired with calls to action.

The Alert widget is a powerful tool for delivering visually impactful site messages—offering extensive styling and behavior options to grab attention and communicate clearly.