@coreui/vue/dist/cjs/components/modal/CModalHeader.js

UI Components Library for Vue.js

'use strict';

var vue = require('vue');
var CCloseButton = require('../close-button/CCloseButton.js');

const CModalHeader = vue.defineComponent({
    name: 'CModalHeader',
    props: {
        /**
         * Sets the `aria-label` of the close button.
         *
         * @since 5.10.0
         */
        ariaCloseLabel: String,
        /**
         * Add a close button component to the header.
         */
        closeButton: {
            type: Boolean,
            default: true,
        },
    },
    setup(props, { slots }) {
        const visible = vue.inject('visible');
        return () => vue.h('div', { class: 'modal-header' }, [
            slots.default && slots.default(),
            props.closeButton &&
                vue.h(CCloseButton.CCloseButton, {
                    ariaLabel: props.ariaCloseLabel,
                    onClick: () => {
                        visible.value = false;
                    },
                }, ''),
        ]);
    },
});

exports.CModalHeader = CModalHeader;
//# sourceMappingURL=CModalHeader.js.map