Previews

No matching results.

x
1
2
3
4
5
6
7
8
<div class="flex flex-col rounded-lg text-base bg-primary-50 border border-primary-200 text-primary-900" >
<div class="p-6 border-b border-primary-200">
Flat Card
</div>
<div class="p-6">
This card has no shadow elevation.
</div>
</div>
1
2
3
4
render BetterUi::CardComponent.new(shadow: false) do |card|
card.with_header { "Flat Card" }
card.with_body { "This card has no shadow elevation." }
end