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: "",
},
Edit halaman ini di GitHub Diperbarui pada Tue, Jul 6, 2021