React components
Product status
A list of users with status badges (e.g., At Risk, Complete).
Overview
The ProductStatus component displays a list of clients or users along with a color-coded status badge. It's useful for "At Risk" reports or success tracking lists.
Usage
import { ProductStatus } from '@/components/core/features/product-status';
function RiskReport() {
return <ProductStatus />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
data? | StatusActivityData[] | defaultData | Array of user objects with status. |
className? | string | - | Optional CSS class names. |
Data Interface
type StatusType = 'danger' | 'info' | 'warning' | 'success';
interface StatusActivityData {
name: string;
avatar: string;
status: StatusType;
company: string;
}