Switch

Badaso menyediakan sebuah komponen input berupa boolean dengan switch, yaitu BadasoSwitch. Pada saat generate CRUD, lebar container untuk komponen ini dapat diatur pada Optional Details dengan format seperti kode di bawah. Untuk menggunakan switch pada saat membuat CRUD, properti items pada Optional Details harus diisi.

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

View: BadasoSwitch

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

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

props

Berikut merupakan daftar props yang disediakan komponen ini.

size: {
    type: String,
    default: "12"
},
label: {
    type: String,
    default: "Switch"
},
placeholder: {
    type: String,
    default: "Switch"
},
onLabel: {
    type: String,
    default: "On"
},
offLabel: {
    type: String,
    default: "Off"
},
value:  {
    type: Boolean,
    required: true,
    default: false
},
additionalInfo: {
    type: String,
    default: "",
},
alert: {
    type: String|Array,
    default: "",
},
Edit halaman ini di GitHub Diperbarui pada Tue, Jul 6, 2021