Card

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

View on GitHub

Cake Notifications

You have 3 unread cake messages.

Push Notifications

Send notifications to device.

Your cake has been awarded.

1 hour ago

You have a new cake recipe!

1 hour ago

Your subscription to the cake club is expiring soon!

2 hours ago

Usage

import { Card } from '@nerdfish/ui'

<Card.Root>
	<Card.Header>
		<Card.Title>Card Title</Card.Title>
		<Card.Description>Card Description</Card.Description>
	</Card.Header>
	<Card.Content>
		<p>Card Content</p>
	</Card.Content>
	<Card.Footer>
		<p>Card Footer</p>
	</Card.Footer>
</Card.Root>