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="flex gap-3"> <ul class="list-none list-inside space-y-1 flex-1"> <li class="text-sm">This is an informational message.</li> </ul> </div></div>1
2
3
render BetterUi::ActionMessagesComponent.new( messages: [ "This is an informational message." ])Basic component with default settings (info variant, soft style)
No params configured.