InputMediaVisualizer

This component allows you to create a input media visualizer

export default {
  name: "App",
  data() {
    return {
      form: {
        servicesDefinition: {
          type: InputMediaVisualizer,
          default: null,
          value: null,
          "field-wrapper": { class: "is-12", style: "display: none" },
          "field-input": {
            label: "label",
            mediaMimeType: "image/*",
            showExpandIcon: true,
            basePath: this.$store.state.APP_BASE_URL,
          },
        },
      },
    };
  },
};

Props

Name	Description	Type	Required	Default
horizontal	-	`Boolean`	`false`	true
value	-	—	`false`	null
labelInside	-	`Boolean`	`false`	false
labelOnBorder	-	`Boolean`	`false`	false
showExpandIcon	-	`Boolean`	`false`	false
iconSize	-	`String`	`false`	null
iconCustomClass	-	`String`	`false`	""
mediaMimeType	-	`MimeType` / `String`	`false`	null
locale	Locale string {en, es ...} for display language on component	`String`	`false`	"en"
basePath	Let basePath empty and directly try to load image from value prop	`String`	`false`	""