Color Picker

Badaso provides a component for the color picker, namely BadasoColorPicker, which can be adjusted in width by adding a size property to the Optional Details when generating the CRUD.

{
    "size": "6" // 1-12 default 12
}

View: BadasoColorPicker

The following is a sample code for using the BadasoColorPicker in the Vue template.

<badaso-color-picker
    :label="label"
    :placeholder="placeholder"
    v-model="model"
    size="12"
    :alert="error">
</badaso-color-picker>

props

The following is a list of props provided by this component.

size: {
    type: String,
    default: "12",
},
label: {
    type: String,
    default: "Color picker",
},
placeholder: {
    type: String,
    default: "Color picker",
},
value: {
    type: String,
    required: true,
},
additionalInfo: {
    type: String,
    default: "",
},
alert: {
    type: String|Array,
    default: "",
},
For reference: vue-color
Edit this page on GitHub Updated at Tue, Jul 6, 2021