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 border-grayscale-300 text-grayscale-900 shadow-sm" >
  <div class="p-6 border-b border-grayscale-200">
    Bordered Card
  </div>
  <div class="p-6">
    White background with variant-colored border. Defaults to light variant. Positioned between soft and outline in visual weight.
  </div>
</div>
1
2
3
4
render BetterUi::CardComponent.new(style: :bordered) do |card|
  card.with_header { "Bordered Card" }
  card.with_body { "White background with variant-colored border. Defaults to light variant. Positioned between soft and outline in visual weight." }
end

No notes provided.

No params configured.