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({ )} {children} + {badge &&