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.
Properties#
| Type | Description | |
|---|---|---|
content | "success" "error" React.ReactNode | (optional) The content to show. If not given, the children will be shown. Can be success, error or a custom content. |
success | object | (optional) Texts and button settings for the success content. See the success object below. |
error | object | (optional) Texts for the error content. See the error object below. |
id | string function object React.Context | (optional) Unique id for connecting with Form.InfoOverlay.setContent. Defaults to the id of the surrounding Form.Handler. |
children | React.ReactNode | (required) The content to show when content is not set. |
Error object#
The keys of the error property:
| Type | Description | |
|---|---|---|
title | React.ReactNode | (optional) The title of the component. |
description | React.ReactNode | (optional) The description of the component. |
cancelButton | React.ReactNode | (optional) The text of the cancel button. |
retryButton | React.ReactNode | (optional) The text of the retry button. |
Success object#
The keys of the success property:
| Type | Description | |
|---|---|---|
title | React.ReactNode | (optional) The title of the component. |
description | React.ReactNode | (optional) The description of the component. |
buttonText | React.ReactNode | (optional) The text of the button. |
buttonHref | string | (optional) The href of the button. |
buttonClickHandler | function | (optional) The click handler of the button. |
Translations#
More info about translations can be found in the general localization and Eufemia Forms localization docs.
| Key | nb-NO | en-GB | sv-SE | da-DK |
|---|---|---|---|---|
InfoOverlayError.title | Beklager, noe gikk galt | Sorry, something went wrong | Tyvärr, något gick fel | Beklager, noget gik galt |
InfoOverlayError.description | Prøv igjen eller ta kontakt med oss om feilen vedvarer. | Please try again or contact us. | Försök igen eller kontakta oss om felet kvarstår. | Prøv igen eller kontakt os, hvis fejlen fortsætter. |
InfoOverlayError.cancelButton | Tilbake | Back | Tillbaka | Tilbage |
InfoOverlayError.retryButton | Prøv igjen | Try again | Försök igen | Prøv igen |
InfoOverlayError.retryingText | Prøver på nytt... | Retrying... | Försöker igen... | Prøver igen... |
InfoOverlaySuccess.title | Takk skal du ha | Thank you | Tack | Tak |
InfoOverlaySuccess.description | Vi har mottatt din informasjon. | We have received your information. | Vi har mottagit din information. | Vi har modtaget dine oplysninger. |
InfoOverlaySuccess.buttonText | Tilbake til forsiden | Back to homepage | Tillbaka till startsidan | Tilbage til forsiden |