Confidence Score Badge

Maps a 0–1 score to a semantic color tier (configurable thresholds; default high ≥ 0.8 success, medium ≥ 0.5 warning, low muted) and renders the formatted percentage as a flat pill badge or a radial dial (conic-gradient ring wired to CSS va.

Library

LocalMode

Framework

React

Type

component

License

MIT

Install

npx shadcn add @localmode/ui/ui/results/confidence-score-badge

Files

• apps/ui/registry/localmode/results/confidence-score-badge/confidence-score-badge.tsx
• apps/ui/src/lib/utils.ts

Source

https://github.com/LocalMode-AI/LocalMode

Categories

• Badge Components
• React Badge Components
• Tailwind CSS Badge Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components

More from LocalMode

• Language Detector Block
• Format Detection Badge
• Cache Badge
• Device Badge
• Network Badge
• Provider Badge
• Provider Fallback Badge
• Lock Status Badge
• Artifact
• Chart Artifact
• Code Diff Viewer
• Data Table Artifact