Activity and attention
Link-hosted operational activity and persistent findings.
Example
A representative composition rendered with the published package API.
- Danger:Job success rate below SLO99.2% against a 99.5% target
- Warning:Recovery time increasedUp 54% for 13 days
checkout-api
Deployed by r.chen
12 minutes ago
a3f9b21workers
Deployment failed
2 hours ago
Failed
Options
The decisions most consumers need to make when adopting this family.
ActivityItem contentReact-node title · description · metadata · trailing/status
Use an anchor in title for direct destinations, metadata for timestamps, description for optional counts, and trailing/status for the outcome badge.
layoutdefault · compact
Compact activity rows suit dense operational panels.
| Option | Values or anatomy | Guidance |
|---|---|---|
ActivityItem content | React-node title · description · metadata · trailing/status | Use an anchor in title for direct destinations, metadata for timestamps, description for optional counts, and trailing/status for the outcome badge. |
layout | default · compact | Compact activity rows suit dense operational panels. |
Usage
Copy the package import and adapt the composition to product-owned content and state.
import { ActivityItem, ActivityList, AttentionItem, AttentionList } from "@conscia-labs/design-system";