x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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"> System Updates </div> <div class="flex gap-3"> <ul class="list-none list-inside space-y-1 flex-1"> <li class="text-sm">Database backup completed successfully</li> <li class="text-sm">Cache cleared for all users</li> <li class="text-sm">Email queue processed (142 emails sent)</li> <li class="text-sm">Security scan completed - no issues found</li> <li class="text-sm">Server maintenance scheduled for tonight at 2 AM</li> </ul> </div></div>1
2
3
4
5
6
7
8
9
10
11
12
render BetterUi::ActionMessagesComponent.new( variant: :info, style: :soft, title: "System Updates", messages: [ "Database backup completed successfully", "Cache cleared for all users", "Email queue processed (142 emails sent)", "Security scan completed - no issues found", "Server maintenance scheduled for tonight at 2 AM" ])Demonstrates component with many messages Shows how the component handles longer lists of items
No params configured.