Card

Cards are versatile containers for grouping related content and actions.

Card Header

This is the card body content. You can place any content here.

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

cover
Solid Card

Card with a cover image.

cover
Soft Card

Card with a cover image.

cover
Outlined Card

Card with a cover image.

cover
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