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.
| Prop | Type | Required | Description |
|---|---|---|---|
value | number | yes | 0–100 confidence value |
label | string | Optional label for the metric being shown | |
showLabel | boolean | Show numeric percentage text | |
size | 'sm' | 'md' | 'lg' | Size of the bar | |
animate | boolean | Animate on mount | |
className | string | ||
style | CSSProperties |
Accessibility
Section titled “Accessibility”- Keyboard navigation supported on all interactive elements
:focus-visibleoutline at 2px (theme-tokenprimary)- ARIA roles and properties applied per WAI-ARIA 1.2
- Respects
prefers-reduced-motion - Minimum 44×44 touch target where applicable
Source
Section titled “Source”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.