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" }
}
}