DOCS
v0.4

AI Components / Confidence Slider

Confidence Slider

Quality threshold control with color gradient slider, live result count, preset buttons, and distribution histogram.

ai-vizv0.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

PropTypeDefaultDescription
valuenumber50Threshold value (0-100)
minnumber0Minimum value
maxnumber100Maximum value
resultCountnumber0Results above threshold
totalCountnumber0Total results

Events

EventDetailDescription
ai-confidence-change{value}Threshold changed