x
1
2
3
4
5
6
7
<div data-controller="better-ui--action-messages" class="rounded-lg p-4 relative bg-info-50 border border-info-200 text-info-900"> <div class="font-semibold mb-2 text-info-900"> No new notifications </div> <div class="flex gap-3"> </div></div>1
2
3
4
5
6
render BetterUi::ActionMessagesComponent.new( variant: :info, style: :soft, title: "No new notifications", messages: [])Edge case: Component with empty messages array Shows that component handles empty state gracefully
No params configured.