diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.element.ts
index d93537ae35..8cf1a4ed09 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.element.ts
@@ -18,6 +18,12 @@ export class UmbInputNumberRangeElement extends FormControlMixin(UmbLitElement)
`,
];
+ @property({type: String, attribute:'min-label'})
+ minLabel = "Low value"
+
+ @property({type: String, attribute:'max-label'})
+ maxLabel = "High value"
+
@state()
private _minValue?: number;
@property()
@@ -77,7 +83,7 @@ export class UmbInputNumberRangeElement extends FormControlMixin(UmbLitElement)
render() {
- return html` – `;
+ return html` – `;
}
}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.test.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.test.ts
new file mode 100644
index 0000000000..ade9185f53
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.test.ts
@@ -0,0 +1,20 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import { UmbInputNumberRangeElement } from './input-number-range.element';
+import { defaultA11yConfig } from '@umbraco-cms/test-utils';
+describe('UmbPropertyEditorUINumberRangeElement', () => {
+ let element: UmbInputNumberRangeElement;
+
+ beforeEach(async () => {
+ element = await fixture(
+ html` `
+ );
+ });
+
+ it('is defined with its own instance', () => {
+ expect(element).to.be.instanceOf(UmbInputNumberRangeElement);
+ });
+
+ it('passes the a11y audit', async () => {
+ await expect(element).shadowDom.to.be.accessible(defaultA11yConfig);
+ });
+});