feat: add CardTitle, CardDescription, CardFooter components

2026-03-14 00:03:07 +01:00
1 changed files with 24 additions and 0 deletions
@@ -45,6 +45,30 @@ export function CardDescription({ children, className = '' }: CardProps) {
  )
 }

+export function CardFooter({ children, className = '' }: CardProps) {
+  return (
+    <div className={`mt-4 ${className}`}>
+      {children}
+    </div>
+  )
+}
+
+export function CardTitle({ children, className = '' }: CardProps) {
+  return (
+    <h2 className={`text-lg font-semibold ${className}`}>
+      {children}
+    </h2>
+  )
+}
+
+export function CardDescription({ children, className = '' }: CardProps) {
+  return (
+    <p className={`text-sm text-gray-600 ${className}`}>
+      {children}
+    </p>
+  )
+}
+
 export function CardFooter({ children, className = '' }: CardProps) {
  return (
    <div className={`mt-4 ${className}`}>