app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_search_input.vue


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

<script>
import { GlIcon } from '@gitlab/ui';

export default {
  components: {
    GlIcon,
  },
};
</script>

<template>
  <div class="dropdown-input">
    <input
      :placeholder="__('Search')"
      autocomplete="off"
      class="dropdown-input-field"
      type="search"
    />
    <gl-icon
      name="search"
      class="dropdown-input-search gl-absolute gl-top-3 gl-right-5 gl-text-gray-300 gl-pointer-events-none"
    />
    <gl-icon
      name="close"
      class="dropdown-input-clear js-dropdown-input-clear gl-absolute gl-top-3 gl-right-5 gl-text-gray-500"
    />
  </div>
</template>