@vivaui/card

React Card component with raw CSS and Tailwind support.

Basic Usage

import React from "react";
import { Card } from "@vivaui/card";
import "@vivaui/card/dist/styles.css";

export default function App() {
  return (
    <Card
      title="Card Title"
      subtitle="Card Subtitle"
      elevation={2}
      size="md"
      className="bg-white rounded-lg shadow-md p-4 hover:shadow-xl"
    >
      <p>This is the card body content.</p>
      <button className="bg-blue-500 text-white px-3 py-1 rounded">
        Click Me
      </button>
    </Card>
  );
}