Top Result Card

A hero card highlighting the single winning classification result — large label, prominent radial confidence dial (via ConfidenceScoreBadge), and a tier-tinted gradient-border glow. Designed to pair above a ScoredResultBarList; serves any s.

Library

LocalMode

Framework

React

Type

component

License

MIT

Install

npx shadcn add @localmode/ui/ui/results/top-result-card

Files

• apps/ui/registry/localmode/results/top-result-card/top-result-card.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

• Card Components
• React Card Components
• Tailwind CSS Card Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Stat Components
• React Stat Components
• Tailwind CSS Stat Components
• Stat Card Components
• Tailwind CSS Stat Card Components

More from LocalMode

• Transcribed Note Card
• Model Advisor Block
• Model Evaluator Block
• Tool
• Indexed Document Card
• Inference Queue Monitor
• Pipeline Run Inspector
• Char Limit Indicator
• Adaptive Batch Card
• Browser Compat Card
• Model Catalog Card
• Model Downloader