work on templates

assets/src/components/ADropdown.vue

@@ -2,12 +2,13 @@
 <component :is="tag" :class="[itemClass, active ? activeClass : '']">
     <slot name="before-button"></slot>
     <slot name="button" :toggle="toggle" :active="active">
-        <button :class="[buttonClass]" @click="toggle()">
+        <component :is="buttonTag" :class="buttonClass" @click="toggle()">
             <span class="icon">
                 <i v-if="!active" :class="buttonIconOpen"></i>
                 <i v-if="active" :class="buttonIconClose"></i>
             </span>
-        </button>
+            {{ label }}
+        </component>
     </slot>
     <div :class="contentClass" v-show="active">
         <slot></slot>
@@ -24,6 +25,8 @@ export default {
 
     props: {
         tag: {type: String, default: "div"},
+        label: {type: String, default: ""},
+        buttonTag: {type: String, default: "button"},
         activeClass: {type: String, default: "is-active"},
         buttonClass: {type: String, default: "button"},
         buttonIconOpen: { type: String, default:"fa fa-angle-down"},