diff --git a/src/components/Dropdown.astro b/src/components/Dropdown.astro
new file mode 100644
index 0000000..e9052af
--- /dev/null
+++ b/src/components/Dropdown.astro
@@ -0,0 +1,23 @@
+---
+const { Name, OnClick } = Astro.props
+---
+
+<div class="tr-dropdown">
+    <a style="cursor: pointer;" onclick={OnClick} id={Name + '-dropdown-button'}>{Name}</a>
+    <div style="display: none;" id={Name + '-dropdown-menu'} class="comp-dropdown">
+        <slot />
+    </div>
+</div>
+
+<style lang="scss">
+.comp-dropdown {
+    position: absolute;
+    background: #0d0d0d;
+    border-radius: 6px;
+    border: 2px #464646 solid;
+    width: max-content;
+    a {
+        padding: 12px 48px 12px 24px;
+    }
+}
+</style>
\ No newline at end of file