feat(MED-97): allow different card heading sizes

This commit is contained in:
2025-09-24 12:44:47 +03:00
parent 4b44ead3ff
commit ddd1728e4e

View File

@@ -41,15 +41,19 @@ const CardHeader: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({
); );
CardHeader.displayName = 'CardHeader'; CardHeader.displayName = 'CardHeader';
const CardTitle: React.FC<React.HTMLAttributes<HTMLHeadingElement>> = ({ const CardTitle: React.FC<React.HTMLAttributes<HTMLHeadingElement> & { size?: 'h3' | 'h4' | 'h5' }> = ({
className, className,
size = 'h3',
...props ...props
}) => ( }) => {
<h3 const Component = size;
return (
<Component
className={cn('leading-none font-semibold tracking-tight', className)} className={cn('leading-none font-semibold tracking-tight', className)}
{...props} {...props}
/> />
); );
};
CardTitle.displayName = 'CardTitle'; CardTitle.displayName = 'CardTitle';
const CardDescription: React.FC<React.HTMLAttributes<HTMLParagraphElement>> = ({ const CardDescription: React.FC<React.HTMLAttributes<HTMLParagraphElement>> = ({