Code Editor

Badaso provides a text editor component for code input. When generating a CRUD for a code type, the Optional Details section can be filled with JSON which has a size property to set the width of the text editor code container.

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

View: BadasoCode

The code below is a sample for using BadasoCodeEditor on the Vue Template.

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

props

The following is a list of props provided by BadasoCodeEditor.

value: {
    type: String,
    required: true,
    default: "",
},
size: {
    type: String,
    default: "",
},
label: {
    type: String,
    default: "",
},
additionalInfo: {
    type: String,
    default: "",
},
alert: {
    type: String | Array,
    default: "",
},
Edit this page on GitHub Updated at Tue, Jul 6, 2021