widgets/cards/cards library
Exports for the cards layer.
Classes
- BoardingPassCard
- A realistic flight boarding pass / event ticket card widget with cutout notches, dashed perforation divider, and barcode footer.
- Card
- A flexible base card with design-system styling.
- CornerRibbon
- A diagonal corner ribbon/banner overlay for cards and containers.
- CreditCardWidget
- An interactive 3D flippable credit/debit card widget.
- DashboardCard
- A dashboard card with an optional header and body.
- FlipCard
- A card that flips in 3-D to reveal its back face when tapped.
- FlipCardController
- Controls the flip state of a FlipCard.
- GlassCard
- A modern glassmorphism frosted card with backdrop blur.
- GlassmorphicContainer
- A premium glassmorphic frosted-glass container with blur effect, subtle linear gradient background, and luminous border highlight.
- GlowCard
- An ambient glowing card with vibrant shadow highlights.
- GradientCard
- A card with a colored gradient header.
- InboxCard
- A message inbox card with sender avatar, preview, unread indicator, timestamp, and swipe-to-archive support.
- LearningCard
- A learning course card with progress.
- LocationPinCard
- A card displaying a geographic location with address, coordinates, and actions.
- MedicalCard
- A medical record card with specialty, status and actions.
- ParallaxCard
- A card widget with a parallax depth effect responding to pointer movement.
- PriceTag
- A price tag widget with old/new price, discount percentage, and badge.
- ProductCard
- A product card with image, title, price and actions.
- ReceiptCard
- A paper-style receipt card widget with perforated divider.
- ReceiptItem
- A line item on a ReceiptCard.
- StatisticCard
- A statistic card with icon, value, label and an optional trend.
- SwipeableCards
- A Tinder-style card stack that lets users swipe cards left or right.
- SwipeAction
- A card that reveals hidden actions when swiped left or right.
- SwipeActionCard
- UserCard
- A user profile card with avatar, name and actions.
Enums
- CardBrand
- Card brand network detected from card number.
- FlipDirection
- Axis of the flip animation.
- RibbonPosition
- Alignment position for the CornerRibbon.
- SwipeDirection
- Direction of a completed swipe.