You can change the color of the component with the property color, you can use the Main colors or RGB and HEX colors
Only RGB and HEX colors are supported.
<template>
<div class="flex justify-center items-center">
<vs-pagination :color="colorx" :total="20" v-model="currentx"></vs-pagination>
<input class="input-color ml-4" v-model="colorx" type="color">
</div>
</template>
<script>
export default {
data: () => ({
colorx: '#f91f43',
currentx: 7
})
}
</script>