Initial commitdropdown

2 files changed, 28 insertions, 0 deletions

diff --git a/Pages/Component/Dropdown.razor b/Pages/Component/Dropdown.razor
new file mode 100644
index 0000000..1679e2e
--- /dev/null
+++ b/Pages/Component/Dropdown.razor
@@ -0,0 +1,4 @@
+<div class="outer">
+  <div class="outer-label">Select an item</div>
+  <div class="outer-arrow">&#9660</div>
+</div>
diff --git a/Pages/Component/Dropdown.razor.css b/Pages/Component/Dropdown.razor.css
new file mode 100644
index 0000000..fe68151
--- /dev/null
+++ b/Pages/Component/Dropdown.razor.css
@@ -0,0 +1,24 @@
+div.outer {
+    align-items:    center;
+    background:     #333;
+    border-radius:  5px;
+    color:          #fff;
+    display:        flex;
+    flex-direction: row;
+    user-select:    none;
+    vertical-align: middle;
+    width:          fit-content;
+}
+
+div.outer:hover {
+    background: #444;
+}
+
+div.outer-label {
+    margin-right: auto;
+    padding:      5px 5px 5px 10px;
+}
+
+div.outer-arrow {
+    padding: 5px 10px 5px 5px;
+}