BetterUi Components

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
<div class="flex flex-col rounded-lg text-base bg-primary-50 border border-primary-200 text-primary-900 shadow-sm" >
  <div class="p-6 border-b border-primary-200">
    Complete Card
  </div>
  <div class="p-6">
    This card demonstrates all three sections: header, body, and footer.
  </div>
  <div class="p-6 border-t border-primary-200">
    Footer with actions
  </div>
</div>
1
2
3
4
5
render BetterUi::CardComponent.new do |card|
  card.with_header { "Complete Card" }
  card.with_body { "This card demonstrates all three sections: header, body, and footer." }
  card.with_footer { "Footer with actions" }
end

No notes provided.

No params configured.