AI Components / Similarity Card
Similarity Card
Side-by-side item comparison with similarity score bridge, feature bars, and accept/reject actions.
ai-vizv0.6.0
Playground
Examples
Match
<ai-similarity-card score="0.87" style="max-width:500px;"></ai-similarity-card>Stacked
<ai-similarity-card score="0.65" layout="stacked" style="max-width:350px;"></ai-similarity-card>Import
import { AiSimilarityCard } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-similarity-card';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
itemA | {label, image?, description?} | — | First item |
itemB | {label, image?, description?} | — | Second item |
score | number | 0 | Similarity score 0-1 |
features | {name, scoreA, scoreB}[] | — | Feature comparisons |
layout | "side-by-side"|"stacked" | "side-by-side" | Layout mode |
Events
| Event | Detail | Description |
|---|---|---|
ai-similarity-accept | {score} | Match accepted |
ai-similarity-reject | {score} | Match rejected |