A container to group related content with consistent padding and rounded corners. Comes with CardHeader, CardBody, and CardFooter sub-components for structured content.

Card title

A container to group related content with consistent spacing.

import { Card, Button } from "@empreint/ui";

<Card>
	<CardHeader>Title</CardHeader>
	<CardBody>Content</CardBody>
	<CardFooter>
		<Button>Action</Button>
	</CardFooter>
</Card>

Props

The Card accepts all standard <div> props. Use CardHeader, CardBody, and CardFooter to structure the content.

CSS Variables

Prop

Type