Select

Badaso menyediakan sebuah komponen input berupa pilihan dengan dropdown, yaitu BadasoSelect. Pada saat generate CRUD, lebar komponen ini dapat diatur pada Optional Details dengan format seperti kode di bawah. Untuk menggunakan radio pada saat membuat CRUD, properti items pada Optional Details harus diisi.

{
    "size": "6", // 1-12 default 12
    "items": [
        {
            "label": "This is label",
            "value": "this_is_value"
        }
    ]
}

View: BadasoSelect

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

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

props

Berikut merupakan daftar props yang disediakan komponen ini.

size: {
    type: String,
    default: "12",
},
label: {
    type: String,
    default: "Select",
},
placeholder: {
    type: String,
    default: "Select",
},
value: {
    type: String,
    required: true,
    default: "",
},
items: {
    type: Array,
    required: true,
},
additionalInfo: {
    type: String,
    default: "",
},
alert: {
    type: String|Array,
    default: "",
},
Edit halaman ini di GitHub Diperbarui pada Tue, Jul 6, 2021