Skip to content

[modal] Make it easier to replace Bootstraps default close button #1009

Closed
@jacobmllr95

Description

@jacobmllr95

Right now it's quite difficult to replace Bootstraps default close button.

For example for the b-modal you have to override the entire modal-header to make a tiny change to the close button:

<b-modal>
  <slot name="modal-header">
    <h5 :is="titleTag" class="modal-title">
      <slot name="modal-title">{{title}}</slot>
    </h5>

    <button type="button"
        v-if="!hideHeaderClose"
        class="close"
        aria-label="headerCloseLabel"
        @click="hide">
      <span aria-hidden="true">{{headerCloseLabel}}</span>
    </button>
  </slot>
</b-modal>

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions