Add support foorcustom active property

sippy-platform · Aug 22, 2022 · 481425e · 481425e
1 parent 97e2905
commit 481425e
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/DropdownItem/DropdownItem.tsx b/src/components/DropdownItem/DropdownItem.tsx
@@ -9,6 +9,10 @@ export interface DropdownItemProps<T> {
    * The color of the button, only works when the variant is `color` or `hover`
    */
   color?: MellowColor;
+  /**
+   * Button active state.
+   */
+  active?: boolean;
   /**
    * Button disabled state.
    */
@@ -43,6 +47,7 @@ export function Dropdown<T>({
   className,
   as,
   color,
+  active,
   disabled = false,
   children,
   onClick,
@@ -52,13 +57,13 @@ export function Dropdown<T>({
 
   return (
     <Menu.Item>
-      {({ active }) => (
+      {({ active: isActive }) => (
         <Component
           type="button"
           className={clsx(
             'dropdown-item',
             {
-              'active': active,
+              'active': isActive || active,
             },
             color,
             className