Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam aspernatur provident eveniet eligendi cumque consequatur tempore sint nisi sapiente. Iste beatae laboriosam iure molestias cum expedita architecto itaque quae rem.
Cards
TailwindProvides container elements that wrap and separate content
Stylesheets
Package
Source
Doc
Examples
Glass
Primary
Secondary
Tertiary
Success
Warning
Error
Usage
Include the .p-4
class to apply some basic styles, such as padding.
<div class="card p-4">Skeleton</div>
Headers and Footers
If you wish the split the card into regions, use the following structure.
<div class="card">
<header class="card-header">(header)</header>
<div class="p-4">(body)</div>
<footer class="card-footer">(footer)</footer>
</div>