AI Components / Confidence Slider
Confidence Slider
Quality threshold control with color gradient slider, live result count, preset buttons, and distribution histogram.
ai-viz v0.4.0
Playground
Examples
With histogram
<ai-confidence-slider value="70" resultCount="32" totalCount="47" style="max-width:520px;"></ai-confidence-slider>Simple
<ai-confidence-slider value="80" style="max-width:520px;"></ai-confidence-slider>Low threshold
<ai-confidence-slider value="30" resultCount="45" totalCount="47" style="max-width:520px;"></ai-confidence-slider>Import
import { AiConfidenceSlider } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-confidence-slider';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | 50 | Threshold value (0-100) |
min | number | 0 | Minimum value |
max | number | 100 | Maximum value |
resultCount | number | 0 | Results above threshold |
totalCount | number | 0 | Total results |
Events
| Event | Detail | Description |
|---|---|---|
ai-confidence-change | {value} | Threshold changed |