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 | |
|---|---|---|
state | "pending" "complete" "success" "error" "abort" | (required) Provide pending to make the dots visible. |
showLabel | boolean | (optional) If true, the label will be shown. Defaults to false. |
label | React.ReactNode | (optional) Provide a label that will be shown next to the indicator. |
children | React.ReactNode | (optional) If content is provided, the component will try to find out if the indicator needs to be put on a new row or not. This way it will animate the height nicely. |
Space | string object | (optional) Spacing properties like top or bottom are supported. |
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 |
|---|---|---|---|---|
SubmitIndicator.label | Vennligst vent | Please wait | Vänligen vänta | Vent venligst |