AI Components / Model Comparison
Model Comparison
Side-by-side AI model comparison table with per-metric "Best" pill, sticky first column, gradient score bars, and staggered fade-in.
ai-collab v0.5.0
Playground
Examples
Compare three
<ai-model-comparison></ai-model-comparison>Import
import { AiModelComparison } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-model-comparison';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
models | {name, provider, scores, costTier, contextWindow}[] | — | Models to compare |
rounded | "none" | "sm" | "md" | "lg" | "full" | "lg" | Wrapper border-radius variant |
Events
| Event | Detail | Description |
|---|---|---|
ai-comparison-select | {model} | Fired when a model row Select button is clicked |