close-only for modal

Hello,

Right now, there is an option for ok-only to display action button. Would it be possible to add a cancel-only prop, so we can show only the cancel button ?

Simple use case would be: modal containing a call to action, but the user cannot meet the requirement, so the only choice is to close the modale. ex:

    <b-modal
      @ok="submit"
      @shown="fetchContent"
      :ok-title="trans('submit')"
      :cancel-only="errors.length > 0"
    ></b-modal>

[tmorehouse]

When overriding the footer, you are removing the “built in” OK & Cancel buttons, so you are also removing the “built-in” event handlers, as all the logic is now moved into your own app or component. So you’ll have to write your own handler that checks for a condition and prevents the modals visibility from being set to false (basically the same logic you would have used when calling e.cancel()):

methods: {
  cancel() {
    // Close the modal
    this.showModal = false;
  },
  save() {
     if (someTest === true) {
       // Close the modal if conditions are met
       this.showModal = false;
     } else {
        alert("You didn't do something");
        // this.showModal left as `true`
     }
   }
}

[tmorehouse]

@tristanbes You can also work around this by firing the components hde() method and pass the boolean primitives true or false to hide() (note they must be booleans, not truthy/falsey values). This will trigger the ok and cancel events on the component:

<b-modal ref="my_modal" @ok="save" @cancel="cancel">
  <!-- modal content here ->
  <template slot="modal-footer">
    <b-btn v-if="selected !== 'ok'" variant="danger"
       @click="$refs.my_modal.hide(false)"
     >{{ 'cancel'|trans }}</b-btn>
    <b-btn v-if="selected !== 'cancel'" variant="primary"
       @click="$refs.my_modal.hide(true)"
    >{{ 'ok'|trans }}</b-btn>
  </template>
</b-modal>
...

```js
methods: { 
  save(e) {
    return e.cancel();
  } 
  cancel(e) {
    return e.cancel();
  } 
}