x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="flex items-center justify-between py-3 px-4 hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors">
<div class="flex items-center gap-3">
<div class="h-8 w-8 rounded-full bg-purple-100 dark:bg-purple-900/50 text-purple-700 dark:text-purple-400 flex items-center justify-center text-sm font-bold">
B
</div>
<div>
<div class="font-medium text-gray-900 dark:text-white text-sm">BONK</div>
<div class="text-xs text-gray-500 dark:text-gray-400">Bonk</div>
</div>
</div>
<div class="text-right">
<div class="font-medium text-gray-900 dark:text-white text-sm">1,000,000</div>
</div>
</div>
1
2
3
render(Solrengine::Ui::TokenRowComponent.new(token: {
symbol: "BONK", name: "Bonk", balance: "1,000,000"
}))