From df2b59b2ffedb5e348a2a97c184d9e66de30d450 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 8 Jul 2022 10:33:48 +0200
Subject: [PATCH] feat: add arrow positioning

---
 src/lib/components/dropList.svelte | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/lib/components/dropList.svelte b/src/lib/components/dropList.svelte
index 434ac1126..114c4cfa8 100644
--- a/src/lib/components/dropList.svelte
+++ b/src/lib/components/dropList.svelte
@@ -4,6 +4,7 @@
     export let show = false;
     export let position: 'top' | 'bottom' = 'top';
     export let horizontal: 'left' | 'right' = 'right';
+    export let arrowPosition: 'start' | 'center' | 'end' = 'start';
     export let arrow = true;
     let parentElement: HTMLDivElement;
 
@@ -24,6 +25,8 @@
     {#if show}
         <div
             class="drop"
+            class:is-arrow-center={arrowPosition === 'center'}
+            class:is-arrow-end={arrowPosition === 'end'}
             class:is-no-arrow={!arrow}
             class:is-block-end={position === 'bottom'}
             class:is-inline-end={horizontal === 'left'}