CheckboxPicker

This component allows you to select a single or grouped options

Example

CheckboxPicker

export default {
  name: "App",
  data() {
    return {
      form: {
        servicesDefinition: {
          type: CheckboxPicker,
          default: [],
          "field-wrapper": {
            class: "is-12 group-is-block",
          },
          "field-input": {
            label: this.$tc("permission", 2),
            horizontal: false,
            options: {
              allowVisualizeComments: this.$t("allow", {
                key: this.$tc("comment", 2).toLowerCase(),
              }),
              allowVisualizeLikes: this.$t("allow", { key: "likes" }),
              allowVisualizeSubscribe: this.$t("allow", {
                key: this.$tc("subscribe", 2),
              }),
              allowVisualizeSubscribeNotifications: this.$t("allow", {
                key: this.$tc("subscribeNotify", 2),
              }),
            },
          },
        },
      },
    };
  },
};

Props

NameDescriptionTypeRequiredDefault
optionsItemsObjectfalsenull
typeType (color) of the control, optionalStringfalsenull
value-Arrayfalse
isRequired-Booleanfalsefalse
validationMode-Stringfalse"aggressive"
label-Stringfalse""

Events

Event NameDescriptionParameters
input--