AI Components / Reward Signal
Reward Signal
Reward/engagement signal card with large score, trend arrow, sparkline chart, and progress bar.
ai-viz v0.6.0
Playground
Examples
Trending up
<ai-reward-signal score="78" maxScore="100" trend="up" label="Engagement Score" description="User engagement with AI suggestions over the past 7 days." style="max-width:350px;"></ai-reward-signal>Trending down
<ai-reward-signal score="34" maxScore="100" trend="down" label="Accuracy" description="Model prediction accuracy this week." style="max-width:350px;"></ai-reward-signal>Import
import { AiRewardSignal } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-reward-signal';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
score | number | — | Current score |
maxScore | number | 100 | Maximum score |
trend | "up"|"down"|"stable" | "stable" | Trend direction |
history | number[] | — | Sparkline data points |
label | string | — | Metric label |
description | string | — | Metric description |
Events
| Event | Detail | Description |
|---|---|---|
ai-reward-detail | {score, trend} | Detail requested |