Docs

Prediction Output Card

The PredictionOutputCard component is designed to display the results of AI predictions with a confidence level and a list of output items. It allows users to navigate through different predictions and export the results.

AI Prediction Showcase

Image Classification

Confidence Level

87.50%

Results:

Cat
23.58%
Dog
38.45%
Bird
6.11%
Tree
5.64%
Car
20.90%

Swipe through different AI predictions.

Installation

npx empire@latest add prediction-output-card

Props

Prop name	Type	Description
`title`	`string`	Title of the card (prediction type).
`confidenceLevel`	`number`	The confidence level of the prediction.
`onExport`	`()=>void`	Callback function for exporting the prediction.
`children`	`ReactNode`	Content to display inside the card, like prediction results.

Interactions

The confidence level is displayed as a progress bar and percentage.
Users can switch between different prediction results using navigation buttons.
Each card can be exported via the "Export Results" button.
Scrollable list of results with confidence badges.