Reegans World
x
1
<div class="rounded-xl border bg-card border-card-border text-card-foreground shadow-sm max-w-sm"></div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
render(Ui::CardComponent.new(class: "max-w-sm")) do |c|
  c.header do
    <<~HTML.html_safe
      <div class="text-sm font-semibold">Billing</div>
      <div class="text-xs text-zinc-600">Your current plan and usage.</div>
    HTML
  end
  c.body do
    <<~HTML.html_safe
      <div class="space-y-3">
        <div class="flex items-center justify-between text-sm">
          <div class="text-zinc-600">Plan</div>
          <div class="font-medium">Starter</div>
        </div>
        <div class="flex items-center justify-between text-sm">
          <div class="text-zinc-600">Apps</div>
          <div class="font-medium">2</div>
        </div>
        <div class="pt-2">
          <button class="inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm">Manage</button>
        </div>
      </div>
    HTML
  end
end

No notes provided.

No params configured.