From fce4111dd671402c148dcf43748c80d9b4dd9e71 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 9 Sep 2024 18:04:44 +0200
Subject: [PATCH] render button with icon

---
 .../src/packages/help/help-header-app.element.ts            | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/help/help-header-app.element.ts b/src/Umbraco.Web.UI.Client/src/packages/help/help-header-app.element.ts
index e34b0d906b..bafddc24b0 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/help/help-header-app.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/help/help-header-app.element.ts
@@ -6,7 +6,11 @@ const elementName = 'umb-help-header-app';
 @customElement(elementName)
 export class UmbHelpHeaderAppElement extends UmbHeaderAppButtonElement {
 	override render() {
-		return html` <div>My Header App</div> `;
+		return html`
+			<uui-button look="primary" label="help" compact>
+				<uui-icon name="icon-help-alt"></uui-icon>
+			</uui-button>
+		`;
 	}
 
 	static override styles: CSSResultGroup = [UmbHeaderAppButtonElement.styles, css``];