BetterUi Components

Previews

No matching results.

x
1
2
3
4
5
6
7
8
<div class="flex flex-col rounded-lg text-base bg-white border-2 border-primary-500 text-primary-700 shadow-sm" >
  <div class="p-6 border-b border-primary-500">
    Outline Card
  </div>
  <div class="p-6">
    White background with colored border. Clean and minimal.
  </div>
</div>
1
2
3
4
render BetterUi::CardComponent.new(variant: :primary, style: :outline) do |card|
  card.with_header { "Outline Card" }
  card.with_body { "White background with colored border. Clean and minimal." }
end

No notes provided.

No params configured.