Properties
| Property | Type | Description |
|---|---|---|
show | boolean | (optional) Use true to enable/show the skeleton for the component used inside. Defaults to false. |
figure | string React.Element function | (optional) Define a figure to use, like article. The wrapped content will be hidden while the skeleton figure is shown. |
no_animation | boolean | (optional) Use true to disable the animation. |
aria_busy | string | (optional) Is used for screen reader text translation, defined in the translation files. You can set a custom text if needed. |
aria_ready | string | (optional) Is used for screen reader text translation, defined in the translation files. You can set a custom text if needed. |
element | string React.Element | (optional) Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to div. |
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 (beta) |
|---|---|---|---|
Skeleton.aria_busy | Behandler data ... | In progress ... | Bearbetar data ... |
Skeleton.aria_ready | Klar til å samhandle | Ready to interact | Klar att interagera |