Docs
Card

Card

Displays a card with header, content, and footer.

Notifications

You have 1 unread messages

Push Notifications

Send notifications to device.

Your call has been confirmed.

1 hour ago

You have a new message!

1 hour ago

Your subscription is expiring soon!

2 hour ago

Usage

import shadcn.ui.components.Card
import shadcn.ui.components.CardHeader
import shadcn.ui.components.CardTitle
import shadcn.ui.components.CardDescription
import shadcn.ui.components.CardContent
import shadcn.ui.components.CardFooter
Card {
    CardHeader {
        CardTitle { +"Card Title" }
        CardDescription { + "Card Description" }
    }
    CardContent { 
        p { + "Card Content" }
    }
    CardFooter {
        p { + "Card Footer" }
    }
}