BMAD-METHOD/docs/learn/module-12-functional-compon.../components/card.md

955 B

Component: Card

Example functional component specification for the WDS course


Coming Soon

This is an example component specification referenced from Module 12 Tutorial. It will demonstrate a complete functional component specification for a card container.


Component Overview

Property Value
Name Card
Category Core Components
Usage Content containers
Instances Multiple across project

Variants

Variant Use Case
Default Standard content card
Interactive Clickable card with hover state
Highlighted Featured/promoted content
Compact Reduced padding for dense layouts

Anatomy

  • Header (optional): Title + action buttons
  • Body: Main content area
  • Footer (optional): Actions or metadata
  • Image (optional): Top or side image

This is a teaching example for the WDS course.