React components
Deal stages
A live-updating list of deals showing score changes and stage progression.
Overview
The DealStages component simulates a real-time CRM view. It displays a list of clients with "Deal Scores" and stages (e.g., Negotiation, Complete). The scores update randomly to demonstrate the dynamic nature of the data.
Usage
import { DealStages } from '@/components/core/features/deal-stages';
function CRMDemo() {
return <DealStages delay={3000} />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
data? | DealStagesData[] | defaultData | Initial list of deals. |
delay? | number | 2500 | Interval between score updates. |
className? | string | - | Optional CSS class names. |
Data Interface
interface DealStagesData {
name: string;
score: number;
stage: 'Complete' | 'Negotiation' | 'Follow-up' | 'To Contact';
activity: string;
}