x
1
2
3
4
5
6
7
8
<div class="flex flex-col rounded-lg text-base bg-success-50 border border-success-200 text-success-900 shadow-sm" > <div class="p-6 border-b border-success-200"> ✓ Success </div> <div class="p-6"> Operation completed successfully! </div></div>1
2
3
4
render BetterUi::CardComponent.new(variant: :success) do |card| card.with_header { "✓ Success" } card.with_body { "Operation completed successfully!" }endNo notes provided.
No params configured.