Similarity Card

Side-by-side item comparison with similarity score bridge, feature bars, and accept/reject actions.

ai-viz v0.6.0

Playground

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 { AiSimilarityCard } from '@cognivo/components';

// Or tree-shake: import '@cognivo/components/ai-similarity-card';

Per-component imports ship only that component (~8 kB gzip).

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

Event	Detail	Description
`ai-similarity-accept`	{score}	Match accepted
`ai-similarity-reject`	{score}	Match rejected