aboutsummaryrefslogtreecommitdiffstats
path: root/dashboard/src/components/FormHeader.vue
blob: 05419179f450c9a067d0380fc807673ba4fe9d63 (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
<template>
    <div class="form-inline row">
      <input
        type="search"
        class="form-control filter col-9 mr-auto"
        :placeholder="placeholder"
        v-bind:value="value"
        v-on:input="$emit('input', $event.target.value)"
      >
      <div class="col"></div>
      <button v-if="needButton" type="button" class="btn btn-primary col-auto " @click="$emit('click')">
        <span class="fa fa-plus"></span>
        {{ buttonText }}
      </button>
    </div>
</template>

<script>
export default {
    props: {
        value: String,
        needButton: Boolean,
        buttonText: String,
        placeholder: String,
    }
}
</script>