diff --git a/packages/dnb-eufemia/src/components/skeleton/Skeleton.d.ts b/packages/dnb-eufemia/src/components/skeleton/Skeleton.d.ts index 8dec06916a2..8a33c4d0e02 100644 --- a/packages/dnb-eufemia/src/components/skeleton/Skeleton.d.ts +++ b/packages/dnb-eufemia/src/components/skeleton/Skeleton.d.ts @@ -64,6 +64,16 @@ export interface SkeletonProps extends React.HTMLProps { */ figure?: SkeletonFigure; + /** + * Is used for screen reader text translation, defined in the translation files. You can set a custom text if needed. + */ + aria_busy?: string; + + /** + * Is used for screen reader text translation, defined in the translation files. You can set a custom text if needed. + */ + aria_ready?: string; + /** * 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` */ diff --git a/packages/dnb-eufemia/src/components/skeleton/Skeleton.js b/packages/dnb-eufemia/src/components/skeleton/Skeleton.js index 45f6e7d9da7..6cc5dd2d11a 100644 --- a/packages/dnb-eufemia/src/components/skeleton/Skeleton.js +++ b/packages/dnb-eufemia/src/components/skeleton/Skeleton.js @@ -35,6 +35,8 @@ export default class Skeleton extends React.PureComponent { PropTypes.func, PropTypes.node, ]), + aria_busy: PropTypes.string, + aria_ready: PropTypes.string, element: PropTypes.node, ...spacingPropTypes,