Priority Cards

Task priority cards with status indicators, assignees, and activity stats.

Urgent Priority

URGENT

CRM Layout Draft

Designing the basic structure of the CRM dashboard. Focus on organizing customer data...

In Progress
8
4
12
September, 17
1<PriorityCard
2 title="CRM Layout Draft"
3 description="Designing the basic structure of the CRM dashboard. Focus on organizing customer data..."

All Priority Levels

URGENT

Server Migration

Critical migration to new infrastructure before deadline...

In Progress
12
3
8
Oct, 5
HIGH

API Integration

Connect third-party payment gateway for checkout flow...

Review
6
2
4
Oct, 12
MEDIUM

UI Polish

Fine-tune animations and micro-interactions...

Pending
4
1
6
Oct, 20
LOW

Documentation

Update API docs with new endpoints...

Completed
2
5
3
Oct, 25
1<PriorityCard priority="urgent" ... />
2<PriorityCard priority="high" ... />
3<PriorityCard priority="medium" ... />

Installation

npx zeroui@latest add priority-card

Props

nametypedefaultdescription
titlestring--
descriptionstring--
priority"urgent" | "high" | "medium" | "low""urgent"-
status"In Progress" | "Completed" | "Pending" | "Review""In Progress"-
commentsnumber0-
linksnumber0-
attachmentsnumber0-
datestring--
assigneesstring[][]-