vikunja-frontend/src/components/tasks/partials/labels.vue

24 lines
407 B
Vue
Raw Normal View History

<template>
<div class="label-wrapper">
<span class="tag" v-for="label in labels" :style="{'background': label.hexColor, 'color': label.textColor}" :key="label.id">
<span>{{ label.title }}</span>
</span>
</div>
</template>
<script>
export default {
name: 'labels',
props: {
labels: {
required: true,
}
}
}
</script>
<style scoped>
.label-wrapper {
display: inline;
}
</style>