feat: use anchor API for html elements (#174)

packages/html/src/elements/button.ts

@@ -27,6 +27,8 @@ export class ButtonElement extends HTMLElement {
 
   static getTemplateHTML: typeof getTemplateHTML = getTemplateHTML;
 
+  static observedAttributes: string[] = ['commandfor'];
+
   constructor() {
     super();
 
@@ -46,6 +48,12 @@ export class ButtonElement extends HTMLElement {
     this.addEventListener('keydown', this);
   }
 
+  attributeChangedCallback(name: string, _oldValue: string, newValue: string): void {
+    if (name === 'commandfor') {
+      this.style.setProperty('anchor-name', `--${newValue}`);
+    }
+  }
+
   handleEvent(event: Event): void {
     const { type } = event;
     if (type === 'keydown') {