Display and status

ConfidenceBadge

ConfidenceBadge - Displays AI confidence level indicator Shows a visual indicator for confidence scores (0-100). Useful for OCR results, AI predictions, etc. Accessibility: Uses role="meter" with aria-valuenow for screen readers

Public export

typescript

import { ConfidenceBadge } from '@happyvertical/smrt-ui';

Import path: @happyvertical/smrt-ui
Props: 5
Props described: 5 of 5
Bindable state: 0
Callback events: 0
Verified release: 0.44.0

Props

NameTypeRequiredDescription

confidencenumberYesConfidence value (0-100)

showPercentbooleanNoShow percentage value

size'sm' | 'md' | 'lg'NoSize variant

classstringNoOptional CSS class

aria-labelstringNoAccessible label

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Public export

Props

Bindable state

Callback events

Examples and explanation