SolRengine Starter · solrengine-ui v0.4.0
x
1
2
3
4
5
6
7
8
9
10
<div data-controller="sui-collapse" data-sui-collapse-expanded-value="true">
  <button data-action="click->sui-collapse#toggle" class="w-full cursor-pointer">
    <div class='flex items-center justify-between py-2 text-gray-900 dark:text-white font-medium'>Transaction Details <span class='text-gray-400'>-</span></div>
  </button>
  <div data-sui-collapse-target="content" class=" overflow-hidden">
    <div class='py-2 text-sm text-gray-600 dark:text-gray-300'>Signature: abc123...<br>
      Block: 12345678<br>
      Fee: 0.000005 SOL</div>
  </div>
</div>
1
2
3
4
render(Solrengine::Ui::CollapseComponent.new(expanded: true)) do |c|
  c.with_collapse_header { "<div class='flex items-center justify-between py-2 text-gray-900 dark:text-white font-medium'>Transaction Details <span class='text-gray-400'>-</span></div>".html_safe }
  c.with_collapse_body { "<div class='py-2 text-sm text-gray-600 dark:text-gray-300'>Signature: abc123...<br>Block: 12345678<br>Fee: 0.000005 SOL</div>".html_safe }
end

No notes provided.

No params configured.