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">
    Photo Gallery
  </div>
  <div class="">
    <div class='bg-gradient-to-r from-blue-500 to-purple-600 h-48 flex items-center justify-center text-white font-bold'>Full-Width Image Placeholder</div>
  </div>
  <div class="p-6 border-t border-primary-200">
    Image caption or actions
  </div>
</div>
1
2
3
4
5
6
7
render BetterUi::CardComponent.new(body_padding: false) do |card|
  card.with_header { "Photo Gallery" }
  card.with_body do
    "<div class='bg-gradient-to-r from-blue-500 to-purple-600 h-48 flex items-center justify-center text-white font-bold'>Full-Width Image Placeholder</div>".html_safe
  end
  card.with_footer { "Image caption or actions" }
end

No notes provided.

No params configured.