Some properties provide flexibility for specific integrations. Follow the component's usage guidance. Customizations beyond the documented patterns need a use case approved by DNB UX. Read about intended use and customization.
Experimental: The AI extension and its component APIs may change in the future. Please give us feedback on your experience with them.
Properties#
| Type | Description | |
|---|---|---|
title | string | (required) The question heading. |
children | React.ReactNode | (required) Explanation or details of the decision. |
status | "pending" "required" "confirmed" "declined" "expired" | (optional) Controlled decision state. Completed or expired decisions disable both buttons. |
confirmLabel | string | (optional) Confirm button text. Defaults to a translated Yes. |
declineLabel | string | (optional) Decline button text. Defaults to a translated No. |
disabled | boolean | (optional) Disable both buttons, for example while saving a decision. |
announce | boolean | (optional) Announce decision-state changes politely. Disable when the application already announces the outcome. |
level | number | (optional) Heading level. |
Space | string object | (optional) Spacing properties like top or bottom are supported. |
Translations#
| Key | Purpose |
|---|---|
confirmationYes | Default confirm button label. |
confirmationNo | Default decline button label. |
confirmationPending | Accessible label for a pending decision. |
confirmationRequired | Required status label. |
confirmationConfirmed | Confirmed status label. |
confirmationDeclined | Declined status label. |
confirmationExpired | Expired status label. |