From 2dcf86c3460fe8d29f9887615e3165e633b09a8d Mon Sep 17 00:00:00 2001
From: michael <operations@dangerousthings.com>
Date: Thu, 12 Mar 2026 19:21:11 -0700
Subject: [PATCH] feat: add badge prop to DTCard for bevel-clipped badge slot

---
 packages/react/src/components/DTCard.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/react/src/components/DTCard.tsx b/packages/react/src/components/DTCard.tsx
index 08bf9ff..d77fa55 100644
--- a/packages/react/src/components/DTCard.tsx
+++ b/packages/react/src/components/DTCard.tsx
@@ -33,6 +33,8 @@ interface DTCardProps {
   growArea?: 'body' | 'title';
   className?: string;
   style?: CSSProperties;
+  /** Badge content rendered at bottom-right, clipped by card bevel */
+  badge?: ReactNode;
   onClick?: () => void;
 }
 
@@ -48,6 +50,7 @@ export function DTCard({
   className,
   style,
   onClick,
+  badge,
 }: DTCardProps) {
   const shouldShowHeader = showHeader ?? !!(title || onDismiss);
   const Tag = onClick ? 'button' : 'div';
@@ -90,6 +93,7 @@ export function DTCard({
         </div>
       )}
       {children}
+      {badge && <div className="dt-card-badge">{badge}</div>}
     </Tag>
   );
 }