x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div data-controller="sui-notification" class="p-4 rounded-xl border text-sm flex items-start gap-3 bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-300 border-green-200 dark:border-green-800"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <div class="flex-1"> <p>Transaction confirmed successfully!</p> <a href="https://solscan.io/tx/abc123" target="_blank" rel="noopener noreferrer" class="underline font-medium mt-1 inline-block hover:opacity-80 transition-opacity"> View on Explorer </a> </div> <button data-action="click->sui-notification#dismiss" class="shrink-0 mt-0.5 hover:opacity-70 transition-opacity cursor-pointer"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button></div>1
2
3
4
5
render Solrengine::Ui::NotificationComponent.new( message: "Transaction confirmed successfully!", type: :success, explorer_url: "https://solscan.io/tx/abc123")No notes provided.
No params configured.