feat: add CardTitle, CardDescription, CardFooter components

2026-03-14 00:03:07 +01:00
1 changed files with 24 additions and 0 deletions
@@ -52,3 +52,27 @@ export function CardFooter({ children, className = '' }: CardProps) {
    </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}`}>
      {children}
    </div>
  )
 }