1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
| <template>
| <div class="sidenav-item" :class="{active: active, disabled: disabled}">
| <a :href="href" :target="target" class="sidenav-link" :class="linkClass">
| <i class="sidenav-icon" v-if="icon" :class="icon"></i>
| <div><slot></slot></div>
| <div v-if="badge" class="pl-1 ml-auto"><div class="badge" :class="badgeClass">{{badge}}</div></div>
| </a>
| </div>
| </template>
|
| <script>
| export default {
| name: 'sidenav-link',
| props: {
| href: String,
| icon: String,
| target: {
| type: String,
| default: '_self'
| },
| linkClass: {
| type: String,
| default: ''
| },
| badge: {
| default: null
| },
| badgeClass: {
| type: String,
| default: ''
| },
| disabled: {
| type: Boolean,
| default: false
| },
| active: {
| type: Boolean,
| default: false
| }
| }
| }
| </script>
|
|
