feat: add CardTitle, CardDescription, CardFooter components
This commit is contained in:
parent
94beb7da78
commit
bb7211f230
@ -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>
|
||||
)
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user