Merge pull request #1907 from bjarnef/feature/add-placeholder-name-input

Add placeholder to name input

src/Umbraco.Web.UI.Client/src/packages/core/components/input-with-alias/input-with-alias.element.ts

@@ -70,7 +70,7 @@ export class UmbInputWithAliasElement extends UmbFormControlMixin<string>(UmbLit
 	render() {
 		// Localizations: [NL]
 		return html`
-			<uui-input id="name" label=${this.label} .value=${this.value} @input="${this.#onNameChange}">
+			<uui-input id="name" placeholder="Enter a name..." label=${this.label} .value=${this.value} @input="${this.#onNameChange}">
 				<!-- TODO: should use UUI-LOCK-INPUT, but that does not fire an event when its locked/unlocked -->
 				<uui-input
 					name="alias"

src/Umbraco.Web.UI.Client/src/packages/documents/document-types/workspace/document-type-workspace-editor.element.ts

@@ -76,7 +76,8 @@ export class UmbDocumentTypeWorkspaceEditorElement extends UmbLitElement {
 						alias=${this._alias}
 						?auto-generate-alias=${this._isNew}
 						@change="${this.#onNameAndAliasChange}"
-						${umbFocus()}></umb-input-with-alias>
+						${umbFocus()}>
+					</umb-input-with-alias>
 				</div>
 			</umb-workspace-editor>
 		`;

src/Umbraco.Web.UI.Client/src/packages/media/media-types/workspace/media-type-workspace-editor.element.ts

@@ -80,7 +80,8 @@ export class UmbMediaTypeWorkspaceEditorElement extends UmbLitElement {
 					alias=${this._alias}
 					?auto-generate-alias=${this._isNew}
 					@change="${this.#onNameAndAliasChange}"
-					${umbFocus()}></umb-input-with-alias>
+					${umbFocus()}>
+				</umb-input-with-alias>
 			</div>
 		</umb-workspace-editor>`;
 	}

src/Umbraco.Web.UI.Client/src/packages/members/member-type/workspace/member-type-workspace-editor.element.ts

@@ -80,7 +80,8 @@ export class UmbMemberTypeWorkspaceEditorElement extends UmbLitElement {
 						alias=${this._alias}
 						?auto-generate-alias=${this._isNew}
 						@change="${this.#onNameAndAliasChange}"
-						${umbFocus()}></umb-input-with-alias>
+						${umbFocus()}>
+					</umb-input-with-alias>
 				</div>
 			</umb-workspace-editor>
 		`;

src/Umbraco.Web.UI.Client/src/packages/user/user-group/workspace/user-group-workspace-editor.element.ts

@@ -222,7 +222,8 @@ export class UmbUserGroupWorkspaceEditorElement extends UmbLitElement {
 					?auto-generate-alias=${this._isNew}
 					?alias-readonly=${this._aliasCanBeChanged === false}
 					@change=${this.#onNameAndAliasChange}
-					${umbFocus()}></umb-input-with-alias>
+					${umbFocus()}>
+				</umb-input-with-alias>
 			</div>
 		`;
 	}