AI Components / Personalization Dash
Personalization Dash
Personalization dashboard with preference sliders, segments, and reset.
ai-workflowv0.6.0
Playground
Examples
Dashboard
<ai-personalization-dash userName="Alex" lastUpdated="2 hours ago" showReset style="max-width:450px;"></ai-personalization-dash>Import
import { AiPersonalizationDash } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-personalization-dash';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
preferences | Preference[] | — | Sliders — {id, label, value, min?, max?, description?} |
segments | Segment[] | — | Segments — {id, label, active?} |
userName | string | — | User name |
lastUpdated | string | — | Last updated |
showReset | boolean | false | Show reset button |
rounded | "none"|"sm"|"md"|"lg" | "lg" | Border radius |
Events
| Event | Detail | Description |
|---|---|---|
ai-personalization-change | {id, value} | Preference changed |
ai-personalization-reset | {} | Reset clicked |