diff --git a/components/dropdown/index.tsx b/components/dropdown/index.tsx
index a2f370ad..21869b9c 100644
--- a/components/dropdown/index.tsx
+++ b/components/dropdown/index.tsx
@@ -5,16 +5,23 @@ import ButtonTextIconOutlined from "../buttons/text-icon-outlined";
 
 export interface DropdownProps {
     text: string,
+    display?: boolean,
+    onClick?: () => void
 }
 
 export default function Dropdown({ children, props }: { children: ReactNode, props: DropdownProps }) {
-    const [display, setDisplay] = useState<boolean>(false);
+    const [display, setDisplay] = useState<boolean>(props.display ?? false);
 
     return (
         <div className="relative flex">
             <ButtonTextIconOutlined props={{
                 text: props.text,
                 onClick: (e) => {
+                    if (props.onClick) {
+                        props.onClick()
+                        console.log("Clicked")
+                    }
+
                     setDisplay(!display);
                 }
             }}>