x
1
2
3
4
5
6
7
8
9
10
11
<div class="max-w-sm"> <div class="rounded-xl border bg-card text-card-foreground shadow"> <div class="flex flex-col gap-1.5 p-6"> <h3 class="text-lg font-semibold leading-none tracking-tight">Notifications</h3> <p class="text-sm text-muted-foreground">Configure how you receive notifications.</p> </div> <div class="p-6 pt-0 first:pt-6"> <p class="text-sm text-muted-foreground">Card with a header containing a title and description.</p> </div> </div></div>1
2
3
4
5
6
7
8
9
10
11
<div class="max-w-sm"> <%= render(UI::Card.new) do |card| %> <% card.with_header do |header| %> <% header.with_title { "Notifications" } %> <% header.with_description { "Configure how you receive notifications." } %> <% end %> <% card.with_content do %> <p class="text-sm text-muted-foreground">Card with a header containing a title and description.</p> <% end %> <% end %></div>No notes provided.
No params configured.