Card
Card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.
Basic example
js
<div class="card">
<div class="card-header">
<div class="card-title">...</div>
</div><!-- end header -->
<div class="card-body p-6">
content...
</div><!-- end body -->
</div><!-- end card -->
You can use class props for custom class. For example: class="bg-primary-500", class="bg-secondary-500", class="bg-success-500", class="bg-danger-500", class="bg-warning-500", class="bg-info-500",