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>
  <CardHeader>
    <CardTitle>Card Title</CardTitle>
    <CardDescription>Card Description</CardDescription>
  </CardHeader>
  <CardContent>
    <p>Card Content</p>
  </CardContent>
  <CardFooter>
    <p>Card Footer</p>
  </CardFooter>
</Card>