Example cleanup.

Author: Templarian

src/pg/menu/__examples__/basic/basic.html

@@ -1,3 +1,6 @@
 <div class="example">
   <pg-menu part="menu"></pg-menu>
+  <div>
+    Result: <code part="result"></code>
+  </div>
 </div>

src/pg/menu/__examples__/basic/basic.ts

@@ -9,11 +9,21 @@ import template from './basic.html';
 })
 export default class XPgMenuBasic extends HTMLElement {
   @Part() $menu: PgMenu;
+  @Part() $result: HTMLSpanElement;
 
   connectedCallback() {
     this.$menu.items = [{
       label: 'Item 1',
       value: 'item1'
+    },
+    {
+      label: 'Item 2',
+      value: 'item2'
     }];
+    this.$menu.addEventListener('select', this.#handleSelect.bind(this));
+  }
+
+  #handleSelect(e: any) {
+    this.$result.textContent = JSON.stringify(e.detail);
   }
 }