summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/nav/components/top_nav_menu_item.vue
blob: a0d92811a6f9d9be6b59180a7c583728866d3dd6 (plain)
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
<script>
import { GlButton, GlIcon } from '@gitlab/ui';

export default {
  components: {
    GlButton,
    GlIcon,
  },
  props: {
    menuItem: {
      type: Object,
      required: true,
    },
  },
};
</script>

<template>
  <gl-button
    category="tertiary"
    :href="menuItem.href"
    class="top-nav-menu-item gl-display-block"
    v-on="$listeners"
  >
    <span class="gl-display-flex">
      <gl-icon v-if="menuItem.icon" :name="menuItem.icon" class="gl-mr-2!" />
      {{ menuItem.title }}
      <gl-icon v-if="menuItem.view" name="chevron-right" class="gl-ml-auto" />
    </span>
  </gl-button>
</template>