Recommendation card
Human-in-the-loop proposal: title, description with entity and lead-time pills, other options with signal bars, confidence and Accept / Alternatives.
Preview
Use the controls to explore the component's props.
The collapsed header shows the title and state. Expand it to reveal the description, entity and lead-time pills, other options, and actions.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title / description (required) | ReactNode | — | Title in the header; description inside the collapsible body. |
entity / descriptionSuffix / leadTime | { name, initials?, src? } / ReactNode / ReactNode | — | Inline details within the collapsible description. |
options / onSelectOption | IRecommendationOption[] / (index) => void | — | Rows under Other options. |
confidence | "high" | "medium" | "low" | "high" | Footer signal. |
onAccept / onAlternatives | () => void | — | Footer buttons. |
Example
Single card
Check otype, oslots and the section features inIIliad · Homer corpus2 min
High confidence
Recommendation.Group
import { RecommendationCard } from "@exegia/corpora-ui"
;<RecommendationCard
title="Validate the Iliad corpus before the walker runs?"
description="Check otype, oslots and the section features in"
entity={{ name: "Iliad · Homer corpus", initials: "I" }}
leadTime="2 min"
onAccept={accept}
/>Last updated on