feat(menulistitem): allow menu list item to use as polymorphic prop

Author: codebender828

packages/chakra-ui-core/src/CMenu/CMenu.js

@@ -446,6 +446,10 @@ const CMenuItem = {
     role: {
       type: String,
       default: 'menuitem'
+    },
+    as: {
+      type: [String, Object],
+      default: 'button'
     }
   },
   computed: {
@@ -466,7 +470,7 @@ const CMenuItem = {
     const { focusableItems, focusAtIndex, closeOnSelect, closeMenu } = this.context
     return h(CPseudoBox, {
       props: {
-        as: 'button'
+        as: this.as
       },
       attrs: {
         display: 'flex',