ant-design/components/card/index.en-US.md

category	type	title	cols
Components	Data Display	Card	1

Simple rectangular container.

When To Use

A card can be used to display content related to a single subject. The content can consist of multiple elements of varying types and sizes.

API

<Card title="Card title">Card content</Card>

Card

Property	Description	Type	Default
title	Card title	string|ReactNode	-
extra	Content to render in the top-right corner of the card	string|ReactNode	-
bordered	Toggles rendering of the border around the card	boolean	true
bodyStyle	Inline style to apply to the card content	object	-
noHovering	Don't lift up when hovering card	boolean	true
loading	Shows a loading indicator while the contents of the card are being fetched	boolean	false
type	Card style type, can be set to inner or not set	string	-
cover	Card cover	ReactNode	-
actions	The action list, shows at the bottom of the Card.	Array	-
tabList	List of TabPane's head.	Array<{key: string, tab: ReactNode}>	-
onTabChange	Callback when tab is switched	(key) => void	-

Card.Grid

Property	Description	Type	Default
className	className of container	string	-
style	style object of container	object	-

Card.Meta

Property	Description	Type	Default
className	className of container	string	-
style	style object of container	object	-
avatar	avatar or icon	ReactNode	-
title	title content	ReactNode	-
description	description content	ReactNode	-