I’d like to suggest an enhancement to the current Alert Element. Right now, it’s great for styled boxes with optional close buttons, but the name “Alert” tends to imply something urgent or negative (like errors or warnings). In practice, you often need additional message options: success confirmations, info tips, neutral notices, warnings, etc., by manually tweaking colors, borders, and adding custom CSS classes (e.g. .alert-success, .alert-info).
It would be fantastic if this could evolve into a more general-purpose Message Element (or “Notice Element,” “Callout,” or whatever you want to name it) with native support for common variants right in the Inspector. Something like a simple dropdown for types:
- Success (green)
- Info (blue)
- Warning (yellow/orange)
- Error/Danger (red)
- Neutral/Notice (gray or custom)
With per choice overrides.
This would automatically apply semantic colors and styling, while keeping full custom overrides available.
Why this would be nice:
- Aligns perfectly with modern UI patterns
- Reduces the need for custom CSS, making it faster and cleaner
- Especially helpful for non-technical users or when handing sites over to clients. Explaining “add this CSS class for a success message” isn’t ideal, but a built-in dropdown is easy
- Keeps backward compatibility easy (e.g. default to the current “Alert” style)
What do you think?