Card Header
This is the card body content. You can place any content here.
Card
Cards are versatile containers for grouping related content and actions.
With Header & Footer
Premium Plan
Unlock all features with our premium subscription. Best value for teams.
Payment Complete
Your transaction was successful. Check your email for the receipt.
New Update
Version 2.0 is now available with exciting new features and improvements.
Action Required
Please verify your email address to continue using all features.
With Cover Image
Solid Card
Card with a cover image.
Soft Card
Card with a cover image.
Outlined Card
Card with a cover image.
Ghost Card
Card with a cover image.
Typography
Use these typography classes for consistent text styling within cards:
Card Title
This is a card description with the card-description class applied.
Feature Title
You can also use feature-title and feature-description for slightly
larger typography.
Props
Prop | Type | Default |
|---|