@payfit/unity-components
Version:
38 lines (37 loc) • 1.32 kB
TypeScript
import { PropsWithChildren } from 'react';
export interface CardContentProps extends PropsWithChildren {
/** Additional CSS classes to apply to the content container */
className?: string;
}
/**
* The `CardContent` component provides a container for the main content within a Card.
* It ensures consistent spacing and layout for card content.
*
* Use CardContent to wrap the main body of your card content. This is optional but provides
* better semantic structure and consistent styling.
* @param {CardContentProps} props - The props for the `CardContent` component
* @example
* ```tsx
* import { Card, CardTitle, CardContent } from '@payfit/unity-components'
*
* function Example() {
* return (
* <Card>
* <CardTitle>My Card</CardTitle>
* <CardContent>
* <p>This is the main content of the card.</p>
* </CardContent>
* </Card>
* )
* }
* ```
* @see {@link CardContentProps} for all available props
* @remarks
* - CardContent is optional but recommended for better structure
* - You can also place content directly in the Card without CardContent
*/
declare function CardContent({ children, className }: CardContentProps): import("react/jsx-runtime").JSX.Element;
declare namespace CardContent {
var displayName: string;
}
export { CardContent };