pass readonly prop

Author: madsrasmussen

src/packages/core/components/input-toggle/input-toggle.element.ts

@@ -26,6 +26,15 @@ export class UmbInputToggleElement extends UUIFormControlMixin(UmbLitElement, ''
 	@property({ type: String })
 	labelOff?: string;
 
+	/**
+	 * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+	 * @type {boolean}
+	 * @attr
+	 * @default false
+	 */
+	@property({ type: Boolean, reflect: true })
+	readonly = false;
+
 	@state()
 	_currentLabel?: string;
 
@@ -52,7 +61,8 @@ export class UmbInputToggleElement extends UUIFormControlMixin(UmbLitElement, ''
 		return html`<uui-toggle
 			.checked=${this.#checked}
 			.label=${this._currentLabel}
-			@change=${this.#onChange}></uui-toggle>`;
+			@change=${this.#onChange}
+			?readonly=${this.readonly}></uui-toggle>`;
 	}
 
 	static override styles = [