Slider

Badaso menyediakan sebuah komponen input berupa angka dalam bentuk slider, yaitu BadasoSlider. Pada saat generate CRUD, lebar komponen ini dapat diatur pada Optional Details dengan format seperti berikut.

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

View: BadasoSlider

Kode di bawah merupakan sampel untuk penggunaan BadasoSlider pada Vue Template.

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

props

Berikut merupakan daftar props yang disediakan komponen ini.

size: {    type: String,    default: "12",},label: {    type: String,    default: "Slider",},placeholder: {    type: String,    default: "Slider",},min: {    type: Number,    default: 0,},max: {    type: Number,    default: 100,},value: {    type: Number,    required: true,},additionalInfo: {    type: String,    default: "",},alert: {    type: String|Array,    default: "",},