AI Components / Labeling Board
Labeling Board
Data labeling board with label palette, item rows, assignment dropdown/click, and per-label stats.
ai-workflow v0.6.0
Playground
Examples
List mode
<ai-labeling-board mode="list" allowCustomLabels style="max-width:500px;"></ai-labeling-board>Click mode
<ai-labeling-board mode="click" style="max-width:500px;"></ai-labeling-board>Import
import { AiLabelingBoard } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-labeling-board';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
items | {id, content, label?, metadata?}[] | — | Items to label |
labels | {id, name, color}[] | — | Available labels |
allowCustomLabels | boolean | false | Allow creating custom labels |
mode | "click"|"list" | "list" | Interaction mode |
Events
| Event | Detail | Description |
|---|---|---|
ai-label-assign | {itemId, labelId} | Label assigned |
ai-label-remove | {itemId} | Label removed |
ai-label-create | {name, color} | Custom label created |