pass readonly mode

Author: madsrasmussen

src/packages/tags/property-editors/tags/property-editor-ui-tags.element.ts

@@ -25,6 +25,15 @@ export class UmbPropertyEditorUITagsElement extends UmbLitElement implements Umb
 		return this._value;
 	}
 
+	/**
+	 * 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()
 	private _group?: string;
 
@@ -62,7 +71,8 @@ export class UmbPropertyEditorUITagsElement extends UmbLitElement implements Umb
 			group=${ifDefined(this._group)}
 			.culture=${this._culture}
 			.items=${this.value}
-			@change=${this.#onChange}></umb-tags-input>`;
+			@change=${this.#onChange}
+			?readonly=${this.readonly}></umb-tags-input>`;
 	}
 }