app/assets/javascripts/vue_shared/components/sidebar/labels_select_widget/label_item.vue


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<script>
export default {
  props: {
    label: {
      type: Object,
      required: true,
    },
  },
};
</script>

<template>
  <div class="gl-display-flex gl-align-items-center gl-word-break-word">
    <span
      class="dropdown-label-box gl-flex-shrink-0 gl-top-0 gl-mr-3"
      :style="{ 'background-color': label.color }"
      data-testid="label-color-box"
    ></span>
    <span>{{ label.title }}</span>
  </div>
</template>