Dev Design Library

Scored Result Bar List

A ranked vertical list of {label, score} pairs — each row shows the label, a confidence percentage (via ConfidenceScoreBadge), and an animated horizontal fill bar proportional to the 0–1 score, with the top row highlighted. Ships skeleton-l.

Scored Result Bar List preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Install
npx shadcn add @localmode/ui/ui/results/scored-result-bar-list
Files
  • apps/ui/registry/localmode/results/scored-result-bar-list/scored-result-bar-list.tsx
  • apps/ui/src/lib/utils.ts
  • apps/ui/registry/localmode/results/confidence-score-badge/confidence-score-badge.tsx
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode