You can change the color of the component with the property color
Only RGB and HEX colors are supported.
<template>
<div class="demo-alignment">
<input type="color" v-model="colorx">
<vs-dropdown :color="colorx">
<a class="flex items-center" href="#">
Dropdown hover
<i class="material-icons">expand_more</i>
</a>
<vs-dropdown-menu>
<vs-dropdown-item>
option 1
</vs-dropdown-item>
<vs-dropdown-item>
option 2
</vs-dropdown-item>
<vs-dropdown-item divider>
option 3
</vs-dropdown-item>
</vs-dropdown-menu>
</vs-dropdown>
</div>
</template>
<script>
export default {
data: () => ({
colorx: '#c80948'
}),
}
</script>