Hide one footer button

[BossHogg97]

Hi, i'm working on vue3 and NaiveUI. I'm trying to hide one of two footer buttons. I have the following .ts file with form configuration.

const vueJSONFormSettings = {
// Here other form configuration
.....

// This is the form footer configuration where i want to hide the button
  newProdlineFooter: {
    show: true,
    okBtn: 'Apply Filter',
    cancelBtn: '', // This is the button that i'd like to hide
    cancelBtnProps: { hidden: true },
  },
}
export default vueJSONFormSettings 

Following the form definition

<script>
......

const formFooter = magicFormSettings.newProdlineFooter

......
</script>
<template>
      <VueForm
            v-model="productionLineData"
            :schema="schemaBoardProperties"
            :ui-schema="schemaBoardUI"
            :form-footer="formFooter"
            :form-props="formBoardSettings"
            @submit="doSaveProductionLine"
            @form-mounted="doFormMounted"
          />
</template>

Is it possible to hide it? Thanks

[lljj-x]

Use default slot ref: https://vue-json-schema-form.lljj.me/zh/guide/basic-config.html#%E6%8F%92%E6%A7%BD-scope-slot

[BossHogg97]

Thanks