Recommendation
Agent proposal with rationale, explained confidence, evidence, alternatives, and explicit accept or reject actions.
Use Recommendation for a proposal that needs a decision. Explain the evidence or criterion behind confidence. Keep evidence and alternatives as divided rows. Place confidence beside the actions. Set `actionable` only when accept and reject are valid. Use `pendingAction` to identify the pending decision. The deprecated `busy` prop represents only a pending accept action.
Interactive example
Loading interactive example
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
acceptLabel | string | prop | Yes | |
announcement | string | prop | No | undefined |
busy | boolean | prop | No | false |
disabled | boolean | prop | No | false |
headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | prop | No | 2 |
onAccept | (recommendationId: string) => void | callback | Yes | |
onReject | (recommendationId: string) => void | callback | Yes | |
pendingAction | RecommendationPendingAction | prop | No | undefined |
recommendation | RecommendationData | prop | Yes | |
rejectLabel | string | prop | Yes |
Examples
Source
Loading source