From d41b8cd82cbcb86ff6cfe6e24b20220def48ab25 Mon Sep 17 00:00:00 2001
From: Keith Cirkel <keithamus@users.noreply.github.com>
Date: Tue, 20 Aug 2024 16:54:41 +0100
Subject: [PATCH] update example

---
 example.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/example.html b/example.html
index 74ab68b..8668069 100644
--- a/example.html
+++ b/example.html
@@ -24,7 +24,7 @@ <h1>commandfor &amp; command attributes</h1>
     </p>
     <hr />
     <h2>Initial Actions</h2>
-    <button commandfor="my-dialog" command="showModal" interesttarget="dialog-explainer">
+    <button commandfor="my-dialog" command="show-modal" interesttarget="dialog-explainer">
       This will open the dialog
     </button>
 
@@ -45,24 +45,24 @@ <h2>Initial Actions</h2>
 
     <hr />
 
-    <button commandfor="my-popover-1" command="togglePopover">
+    <button commandfor="my-popover-1" command="toggle-popover">
       Toggles a popover
     </button>
 
     <div popover id="my-popover-1">
-      <button commandfor="my-popover-1" command="hidePopover">X</button>
+      <button commandfor="my-popover-1" command="hide-popover">X</button>
       This is a popover
     </div>
     <hr />
 
     <details>
       <summary>Future Actions</summary>
-      <button commandfor="my-file-input" command="showPicker">
+      <button commandfor="my-file-input" command="show-picker">
         This will open the file picker
       </button>
       <input type="file" id="my-file-input" />
       <hr />
-      <button commandfor="my-date-input" command="showPicker">
+      <button commandfor="my-date-input" command="show-picker">
         This should open the date picker
       </button>
       <input type="date" id="my-date-input" />
@@ -83,7 +83,7 @@ <h2>Initial Actions</h2>
 
       <hr />
 
-      <button commandfor="my-select" command="showPicker" interesttarget="select-explainer">
+      <button commandfor="my-select" command="show-picker" interesttarget="select-explainer">
         This will open the select
       </button>
       <select id="my-select">
@@ -98,7 +98,7 @@ <h2>Initial Actions</h2>
       <hr />
       <button
         commandfor="my-video"
-        command="playpause"
+        command="play-pause"
         interesttarget="my-video-playpause-explainer"
       >
         Play/pause