# EDK - Cards 3

# Card Components

Comprehensive showcase of card UI variants for enterprise applications

## Cards Basic

Anatomy & skeleton structure — header, body, footer decomposition

Full Structure

Header
Body
Footer
header + body + footer

Compact

Header
Body
header + body

Minimal

Body
Footer
body + footer

Shell

.card-shell
empty container skeleton

## Metric / KPI Stat Cards

Summary data cards for key performance indicators

Total Revenue

$2.46M

12.5% vs last month

Active Users

24,850

8.3% vs last month

Transactions

3,421

18.7% vs last month

Conversion Rate

4.7%

2.1% vs last month

## Data Visual / Chart Cards

Cards designed for charts, graphs, and data visualization

### Monthly Revenue Trend

Revenue performance over the last 6 months

Today 7 Days 30 Days This Quarter Custom Range

### Sales Pipeline

Deal stages and conversion overview

Prospecting

1,225

Qualified

640

Negotiation

156

Closed Won

89

Total Pipeline: $4.83MCVR: 4.7%

## User Profile & Contact Cards

Profile cards for users, customers, and entities

JD

### John Doe

Sales Manager
john.doe@company.com
+1 (555) 123-4567
SM

### Sarah Mitchell

Customer Success
sarah.m@company.com
+1 (555) 987-6543
AK

### Alex Kowalski

Lead Engineer
alex.k@company.com
+1 (555) 456-7890
EP

### Emma Parker

Product Designer
emma.p@company.com
+1 (555) 321-0987

## Interactive Task / Kanban Cards

Compact workflow cards with interactive hover states

Development
Due in 2d

Implement user authentication module with OAuth2 integration

Progress75%
JD
SM
AK
+2
4
Design
Due tomorrow

Redesign dashboard analytics page with new KPI widgets

Progress45%
EP
JD
2
Testing
Due in 5d

End-to-end testing for checkout flow and payment processing

Progress20%
AK
SM
JD
5
Research
Overdue 1d

Competitor analysis and market research for Q3 strategy planning

Progress60%
EP
AK
SM
+1
3

## Actionable / Form Container Cards

Card wrappers for forms, confirmations, and critical actions

### Edit Customer Profile

Update customer information and preferences

First Name
Last Name
Email Address
Phone Number

### Delete Account

This action cannot be undone. Proceed with caution.

Type your password to confirm
Reason for deletion (optional)

## E-Commerce / Product Showcase Cards

Product cards with images, ratings, and pricing

-30% Best Seller

#### Wireless Bluetooth Headphones Pro

(287)
$89.00 $129.00
New

#### Smart Watch Series X Ultra

(156)
$249.00
Premium

#### Ergonomic Laptop Stand Aluminum

(92)
$59.00 $79.00
-15%

#### Mechanical Keyboard RGB Cherry MX

(423)
$149.00 $179.00