<%= render "layouts/documentation/component_header",
title: "Card",
description: "Displays a card with header, content, and footer." %>
<%= content_for :preview, flush: true do %>
<%= render_card body: "The Most Basic of Cards" %>
<%= render_card title: "Did you know?", body: "You can embed any HTML in the body of a card by
yielding to a block for the body?", subtitle: "This is important." %>
<%= render_card title: "Card with Form" do %>
<% end %>
<%= render_card title: "Notifications", footer: render_button(text: "Mark all as read", class:
"w-full") do %>