fix: deprecate HeaderMenu items in favor of commandItems

ghiscoding · Oct 29, 2023 · 634441c · 634441c
1 parent 2b26d6d
commit 634441c
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/examples/vite-demo-vanilla-bundle/src/examples/example14.ts b/examples/vite-demo-vanilla-bundle/src/examples/example14.ts
@@ -359,17 +359,17 @@ export default class Example14 {
     this.columnDefinitions.forEach(col => {
       col.header = {
         menu: {
-          items: [
+          commandItems: [
             { command: '', divider: true, positionOrder: 98 },
             {
               // we can also have multiple nested sub-menus
               command: 'custom-actions', title: 'Hello', positionOrder: 99,
-              items: [
+              commandItems: [
                 { command: 'hello-world', title: 'Hello World' },
                 { command: 'hello-slickgrid', title: 'Hello SlickGrid' },
                 {
                   command: 'sub-menu', title: `Let's play`, cssClass: 'green', subMenuTitle: 'choose your game', subMenuTitleCssClass: 'text-italic salmon',
-                  items: [
+                  commandItems: [
                     { command: 'sport-badminton', title: 'Badminton' },
                     { command: 'sport-tennis', title: 'Tennis' },
                     { command: 'sport-racquetball', title: 'Racquetball' },
@@ -380,12 +380,12 @@ export default class Example14 {
             },
             {
               command: 'feedback', title: 'Feedback', positionOrder: 100,
-              items: [
+              commandItems: [
                 { command: 'request-update', title: 'Request update from supplier', iconCssClass: 'mdi mdi-star', tooltip: 'this will automatically send an alert to the shipping team to contact the user for an update' },
                 'divider',
                 {
                   command: 'sub-menu', title: 'Contact Us', iconCssClass: 'mdi mdi-account', subMenuTitle: 'contact us...', subMenuTitleCssClass: 'italic',
-                  items: [
+                  commandItems: [
                     { command: 'contact-email', title: 'Email us', iconCssClass: 'mdi mdi-pencil-outline' },
                     { command: 'contact-chat', title: 'Chat with us', iconCssClass: 'mdi mdi-message-text-outline' },
                     { command: 'contact-meeting', title: 'Book an appointment', iconCssClass: 'mdi mdi-coffee' },