How to hide OK or Cancel buttons on Modal?

Hi, In the docs it says:

You can customize the size of the buttons, disable buttons, hide the Cancel button (i.e. OK Only), choose a variant (e.g. danger for a red OK button) using the ok-variant and cancel-variant props, and provide custom button content using the ok-title and cancel-title props, or using the named slots modal-ok and modal-cancel.

The “hide the Cancel button (i.e. OK Only)” part gave me hope that I won’t have to replace the footer slot with just one “Cancel” button and could just… put something in the ok-variant ??? Like ok-variant="hidden"? Not sure, there doesn’t seem to be anything on that page that says how to exactly hide one of the buttons. 🤷‍♂️

[sumrakx]

Add property in b-modal component. hide-footer="true"

[emanuelmutschlechner]

Currently there is no such option as cancel-only. But it is very easy to achieve this behavior by using the ok button as cancel button. See my example below

<b-btn v-b-modal.modal1 variant="primary">Launch demo modal</b-btn>

<b-modal id="modal1" title="Bootstrap-Vue" ok-only ok-variant="secondary" ok-title="Cancel">
      <p class="my-4">Hello from modal!</p>
</b-modal>