SolRengine Starter · solrengine-ui v0.4.0
x
1
2
3
4
5
6
7
8
9
10
11
<div class="bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-xl overflow-hidden">
  <div class="px-5 py-4 border-b border-gray-200 dark:border-gray-800">
    <h3 class='font-semibold text-gray-900 dark:text-white'>Account Overview</h3>
  </div>
  <div class="px-5 py-4">
    <p class='text-gray-600 dark:text-gray-300'>Your wallet balance and recent activity.</p>
  </div>
  <div class="px-5 py-3 border-t border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-950">
    <span class='text-sm text-gray-500'>Last updated: just now</span>
  </div>
</div>
1
2
3
4
5
render(Solrengine::Ui::CardComponent.new) do |c|
  c.with_header { "<h3 class='font-semibold text-gray-900 dark:text-white'>Account Overview</h3>".html_safe }
  c.with_body { "<p class='text-gray-600 dark:text-gray-300'>Your wallet balance and recent activity.</p>".html_safe }
  c.with_footer { "<span class='text-sm text-gray-500'>Last updated: just now</span>".html_safe }
end

No notes provided.

No params configured.