Card

The Card component is a versatile UI element used for structured content presentation in web development, featuring a container with customizable layout, content area, and interactive elements.

Default Card

Nature

Nature is the embodiment of the Earth's beauty, encompassing everything from lush forests and towering mountains to serene lakes and vibrant ecosystems.

Nature

Nature is the embodiment of the Earth's beauty, encompassing everything from lush forests and towering mountains to serene lakes and vibrant ecosystems.

Nature

Nature is the embodiment of the Earth's beauty, encompassing everything from lush forests and towering mountains to serene lakes and vibrant ecosystems.

Card with action

Props

Explore the available props for the Card component

Prop	Type	Default	Description
style	string	-	Any CSS className to style the Card.
children	node	-	Child components and content to be placed within it.

Explore the available props for the CardMedia component

Prop	Type	Default	Description
src	string	-	Image src or link.
badge	string	-	Badge content.
badgePosition	string	-	Position of the badge.
style	string	-	Any CSS className to style the Avatar.
mediaStyle	string	-	Any CSS className to style the media.
badgeStyle	string	-	Any CSS className to style the badge.
children	node	-	Child components and content to be placed within it.

Explore the available props for the CardContent component

Prop	Type	Default	Description
style	string	-	Any CSS className to style the Card.
children	node	-	Child components and content to be placed within it.

Explore the available props for the CardAction component

Prop	Type	Default	Description
link	string	-	URL or link.
target	string	_self	Specifies where to open the linked document when the link is clicked.
style	string	-	Any CSS className to style the CardAction.
children	node	-	Child components and content to be placed within it.