Color Picker

							
                                
<template>
    <BForm>
        <BFormGroup class="mb-3">
            <BFormInput
              id="exampleColorInput"
              type="color"
              model-value="#563d7c"
              title="Choose your color"
            />
        </BFormGroup>
        <BFormGroup label="Bootstrap colorpicker" label-for="exampleColorInput2">
            <BInputGroup class="color-picker" title="Using horizontal option">
                <BInputGroupText class="colorpicker-input-addon">
                    <BFormInput
                      v-model="pickedColor"
                      type="color"
                      class="p-0"
                    />
                </BInputGroupText>
                <BFormInput type="text" v-model="pickedColor" />
            </BInputGroup>
        </BFormGroup>
    </BForm>
</template>

<script>
export default {
  setup() {
    const pickedColor = ref("#009B84");
    return {
      pickedColor,
    };
  },
};
</script>