refactor(DropdownItem): make wrapping of children with anchor tag opt…

…ional
daisyui · Jul 18, 2023 · 395163f · 395163f
1 parent 2e3e354
commit 395163f
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/Dropdown/DropdownItem.tsx b/src/Dropdown/DropdownItem.tsx
@@ -1,12 +1,13 @@
 import React from 'react'
 
-export type DropdownItemProps = React.AnchorHTMLAttributes<HTMLAnchorElement>
+export type DropdownItemProps =
+  React.AnchorHTMLAttributes<HTMLAnchorElement> & { anchor?: boolean }
 
 const DropdownItem = React.forwardRef<HTMLAnchorElement, DropdownItemProps>(
-  ({ className, ...props }, ref) => {
+  ({ anchor = true, ...props }, ref) => {
     return (
-      <li className={className} role="menuitem">
-        <a ref={ref} {...props}></a>
+      <li role="menuitem">
+        {anchor ? <a ref={ref} {...props}></a> : props.children}
       </li>
     )
   }