# Dashboard 2 - VUE \<v-color-picker\>

**URL:** <https://discourse.nodered.org/t/dashboard-2-vue-v-color-picker/92188>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [5 October 2024 21:54 UTC](https://discourse.nodered.org/t/dashboard-2-vue-v-color-picker/92188 "2024-10-05T21:54:30Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [5 October 2024 22:17 UTC](https://discourse.nodered.org/t/dashboard-2-vue-v-color-picker/92188/2 "2024-10-05T22:17:00Z")

</div>

According to vuetify docs [Color picker component — Vuetify](https://vuetifyjs.com/en/components/color-pickers/#mode)

> The v-color-picker uses the `v-model` prop to control the color displayed.

So bind that to a data `color` property & maybe use a watch on `color` to `send({payload: this.color})`

---

_[View the full topic](https://discourse.nodered.org/t/dashboard-2-vue-v-color-picker/92188)._