Basic Card
Simple card with shadow and rounded corners
Preview
Card Title
This is a basic card component with some content inside.
{ window.Prism.highlightElement($refs.codeEl) }) }"
class="w-full flex items-center justify-between px-6 py-4 text-left bg-gray-50 dark:bg-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer">
View Code
<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
<h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">Card Title</h3>
<p class="text-gray-600 dark:text-gray-400">This is a basic card component with some content inside.</p>
</div>