2022-06-09 15:09:21 +00:00
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
props: {
|
|
|
|
color: {
|
|
|
|
type: String,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
title: {
|
|
|
|
type: String,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2022-06-27 12:09:11 +00:00
|
|
|
<div class="color-item">
|
2022-06-09 15:09:21 +00:00
|
|
|
<span
|
2022-06-27 12:09:11 +00:00
|
|
|
class="dropdown-label-box color-item-color"
|
2022-06-09 15:09:21 +00:00
|
|
|
data-testid="color-item"
|
|
|
|
:style="{ backgroundColor: color }"
|
|
|
|
></span>
|
2022-06-27 12:09:11 +00:00
|
|
|
<span class="color-item-text">{{ title }}</span>
|
2022-06-09 15:09:21 +00:00
|
|
|
</div>
|
|
|
|
</template>
|