tab.html 805 Bytes
Newer Older
1
2
3
4
<div class="vispa-ui-tab">
  <menu-button
    :items="menuItems"
    class="vispa-comp-icon"
5
    btn-class="btn-nostyle vispa-caret-icon"
6
7
8
9
10
11
12
13
14
15
    v-ref:menu
    >
    <i :class="iconClass | iconPrefix">
      <i class="fa fa-caret-down"></i>
    </i>
  </menu-button>
  <span
    class="vispa-comp-label vispa-ui-handle"
    data-toggle="tooltip"
    data-placement="bottom"
16
    data-delay="500"
17
    :title="labelFull"
18
19
20
    @click.stop.prevent="focus"
    @vmousedown.stop="hideTooltip"
    @mouseup="mayClose($event)"
21
22
23
24
25
26
27
28
29
    v-el:label
    >
    {{labelShort}}
  </span>
  <span v-show="badge" class="vispa-comp-badge">
    <span class="badge">{{badge}}</span>
  </span>
  <span
    class="vispa-comp-close"
30
    @click.stop.prevent="close"
31
32
33
    >
    <i :class="closeIconFinal | iconPrefix"></i>
  </span>
34
</div>