diff --git a/CHANGELOG.md b/CHANGELOG.md
index c7e0c14..afcfdcb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [v1.0.1] - 2026-05-03
+
+### Added
+- Add UTM params to share button
+
+### Fixed
+- Fixed overriding `hidden`
+
 ## [v1.0.0] - 2026-04-27
 
 Initial Release
diff --git a/base.js b/base.js
index 97821e8..4ce0ad1 100644
--- a/base.js
+++ b/base.js
@@ -2,7 +2,15 @@ import { reset } from '@aegisjsproject/styles/reset.js';
 import { layers } from '@aegisjsproject/styles/layers.js';
 import { customButton } from '@aegisjsproject/styles/custom-button.js';
 
-const styles = [layers, reset, customButton];
+const sheet = new CSSStyleSheet();
+
+sheet.replace(`@layer components {
+	:host([hidden]) {
+		display: none;
+	}
+}`);
+
+const styles = [layers, reset, customButton, sheet];
 
 export class CustomButton extends HTMLElement {
 	#shadow = this.attachShadow({ mode: 'open' });
@@ -78,6 +86,10 @@ export class CustomButton extends HTMLElement {
 		this.toggleAttribute('disabled', val);
 	}
 
+	get signal() {
+		return this.#controller.signal;
+	}
+
 	static get observedAttributes() {
 		return ['disabled'];
 	}
diff --git a/index.html b/index.html
index 62c0ad7..8462e4a 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
 			<h1>Hello, World!</h1>
 		</header>
 		<nav id="nav">
-			<share-button hidden>Share</share-button>
+			<share-button data-utm-source="aegis-button" data-utm-term="foo" data-utm-campaign="bar" hidden>Share</share-button>
 			<print-button>Print</print-button>
 			<reload-button>Reload</reload-button>
 			<back-button>Back</back-button>
diff --git a/package-lock.json b/package-lock.json
index 54e8b1b..aa70ec3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@aegisjsproject/button",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@aegisjsproject/button",
-      "version": "1.0.0",
+      "version": "1.0.1",
       "funding": [
         {
           "type": "librepay",
@@ -24,7 +24,7 @@
         "@rollup/plugin-terser": "^1.0.0",
         "@shgysk8zer0/eslint-config": "^1.0.9",
         "@shgysk8zer0/http-server": "^1.1.2",
-        "@shgysk8zer0/importmap": "^1.9.8",
+        "@shgysk8zer0/importmap": "^1.9.10",
         "eslint": "^10.2.1",
         "rollup": "^4.60.2"
       },
@@ -928,6 +928,7 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -1063,6 +1064,7 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.2.1.tgz",
       "integrity": "sha512-wiyGaKsDgqXvF40P8mDwiUp/KQjE1FdrIEJsM8PZ3XCiniTMXS3OHWWUe5FI5agoCnr8x4xPrTDZuxsBlNHl+Q==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.2",
@@ -1615,6 +1617,7 @@
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.2.tgz",
       "integrity": "sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.8"
       },
@@ -2305,7 +2308,8 @@
       "version": "8.16.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "acorn-jsx": {
       "version": "5.3.2",
@@ -2402,6 +2406,7 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.2.1.tgz",
       "integrity": "sha512-wiyGaKsDgqXvF40P8mDwiUp/KQjE1FdrIEJsM8PZ3XCiniTMXS3OHWWUe5FI5agoCnr8x4xPrTDZuxsBlNHl+Q==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.2",
@@ -2798,6 +2803,7 @@
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.2.tgz",
       "integrity": "sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@rollup/rollup-android-arm-eabi": "4.60.2",
         "@rollup/rollup-android-arm64": "4.60.2",
diff --git a/package.json b/package.json
index 8855a76..875753c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@aegisjsproject/button",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A simple base custom `<button>` element",
   "keywords": [],
   "type": "module",
@@ -76,7 +76,7 @@
     "@rollup/plugin-terser": "^1.0.0",
     "@shgysk8zer0/eslint-config": "^1.0.9",
     "@shgysk8zer0/http-server": "^1.1.2",
-    "@shgysk8zer0/importmap": "^1.9.8",
+    "@shgysk8zer0/importmap": "^1.9.10",
     "eslint": "^10.2.1",
     "rollup": "^4.60.2"
   }
diff --git a/share.js b/share.js
index 504441b..02633f3 100644
--- a/share.js
+++ b/share.js
@@ -1,36 +1,108 @@
 import { CustomButton } from './button.js';
 
+const sheet = new CSSStyleSheet();
+
+sheet.replace(`@layer components {
+	:host([hidden]) { display: none; }
+}`);
+
 export class ShareButton extends CustomButton {
 	constructor() {
 		super();
 
 		if (typeof navigator.share === 'function') {
 			this.hidden = false;
+		} else {
+			this.hidden = true;
+			this.disabled = true;
+		}
+	}
+
+	connectedCallback() {
+		super.connectedCallback();
+
+		if (typeof navigator.share === 'function') {
+			// Parent class creates controller and aborts on disconnect
+			this.addEventListener('click', ShareButton.#share, { signal: this.signal });
+		}
+	}
+
+	get shareText() {
+		return this.dataset.shareText;
+	}
+
+	set shareText(val) {
+		if (typeof val === 'string') {
+			this.dataset.shareText = val;
+		} else {
+			delete this.dataset.shareText;
+		}
+	}
+
+	get shareTitle() {
+		return this.dataset.shareTitle ?? document.title;
+	}
+
+	set shareTitle(val) {
+		if (typeof val === 'string') {
+			this.dataset.shareTitle = val;
+		} else {
+			delete this.dataset.shareTitle;
+		}
+	}
 
-			this.addEventListener('click', async event => {
-				const btn = event.currentTarget;
+	get shareURL() {
+		return this.dataset.shareUrl ?? location.href;
+	}
+
+	set shareURL(val) {
+		if (typeof val === 'string') {
+			this.dataset.shareUrl = val;
+		} else {
+			delete this.dataset.shareUrl;
+		}
+	}
 
-				if (! btn.disabled) {
-					btn.disabled = true;
+	static async #share(event) {
+		const btn = event.currentTarget;
 
-					try {
-						const {
-							shareTitle: title = document.title,
-							shareUrl: url = location.href,
-							shareText: text,
-						} = btn.dataset;
+		if (! btn.disabled) {
+			btn.disabled = true;
 
-						await navigator.share({ title, url, text });
-					} catch(error) {
-						btn.dispatchEvent(new ErrorEvent('error', { error, message: error.message }));
-					} finally {
-						btn.disabled = false;
+			try {
+				const {
+					shareTitle: title = document.title,
+					shareUrl = location.href,
+					shareText: text,
+					utmSource,
+					utmMedium = 'referrer',
+					utmCampaign,
+					utmContent = 'share-button',
+					utmTerm,
+				} = btn.dataset;
+
+				const url = new URL(shareUrl, document.baseURI);
+
+				if (typeof utmSource === 'string') {
+					url.searchParams.set('utm_source', utmSource);
+					url.searchParams.set('utm_medium', utmMedium);
+					url.searchParams.set('utm_content', utmContent);
+
+					if (typeof utmCampaign === 'string') {
+						url.searchParams.set('utm_campaign', utmCampaign);
+					}
+
+					if (typeof utmTerm === 'string') {
+						url.searchParams.set('utm_term', utmTerm);
 					}
 				}
-			});
-		} else {
-			this.hidden = true;
-			this.disabled = true;
+
+				await navigator.share({ title, url, text });
+			} catch(error) {
+				btn.dispatchEvent(new ErrorEvent('error', { error, message: error.message }));
+			} finally {
+				btn.disabled = false;
+			}
 		}
 	}