Use the color
directive like for any other component that supports it to customize the breadcrumbs links color
Only RGB and HEX colors are supported.
<template>
<div class="demo-alignment">
<input v-model="colorx" type="color" name="" value="">
<vs-breadcrumb
:color="colorx"
:items="items"
></vs-breadcrumb>
</div>
</template>
<script>
export default {
data: ()=>({
colorx:'#3DC9B3',
items:[
{
title: 'Dashboard',
url: '/'
},
{
title: 'Link 1',
url: '/blog'
},
{
title: 'Link 2',
disabled: true
},
{
title: 'Active',
active: true
}
]
})
}
</script>