k4rli/medreport_mrb2b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Karli
2025-09-24 12:44:47 +03:00
parent 4b44ead3ff
commit ddd1728e4e
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/ui/src/shadcn/card.tsx
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;
className={cn('leading-none font-semibold tracking-tight', className)} return (
{...props} <Component
/> className={cn('leading-none font-semibold tracking-tight', className)}
); {...props}
/>
);
};
CardTitle.displayName = 'CardTitle'; CardTitle.displayName = 'CardTitle';
const CardDescription: React.FC<React.HTMLAttributes<HTMLParagraphElement>> = ({ const CardDescription: React.FC<React.HTMLAttributes<HTMLParagraphElement>> = ({