Skip to content

TkxAIConfidenceBar

import { TkxAIConfidenceBar } from 'tekivex-ui/experimental';

AIConfidenceBar is part of the experimental surface of tekivex-ui. Use it for prototypes; pin and audit before production.

PropTypeRequiredDescription
valuenumberyes0–100 confidence value
labelstringOptional label for the metric being shown
showLabelbooleanShow numeric percentage text
size'sm' | 'md' | 'lg'Size of the bar
animatebooleanAnimate on mount
classNamestring
styleCSSProperties
  • Keyboard navigation supported on all interactive elements
  • :focus-visible outline at 2px (theme-token primary)
  • ARIA roles and properties applied per WAI-ARIA 1.2
  • Respects prefers-reduced-motion
  • Minimum 44×44 touch target where applicable

The implementation lives at src/components/TkxAIConfidenceBar.tsx.

This page is a generated scaffold. It will be replaced with hand-authored examples and a live preview in a follow-up release. For interactive demos, see the legacy demo site.