Pages

x
1
2
3
4
5
6
7
8
<div class="border border-subdued" data-testid="panel-component">
<div class="border-subdued px-6 py-4 border-b" data-testid="panel-header">
<p class="text-sm leading-4 font-bold uppercase">My Panel</p>
</div>
<div class="p-6" data-testid="panel-body">
The panel contents are displayed when it is active.
</div>
</div>
1
2
3
4
5
6
anchor_panel(active: true) do |component|
component.with_header_content("My Panel")
component.with_body do
"The panel contents are displayed when it is active."
end
end