@coreui/vue-pro/dist/cjs/components/nav/CNavItem.js

UI Components Library for Vue.js

'use strict';

var vue = require('vue');
var CNavLink = require('./CNavLink.js');

const CNavItem = vue.defineComponent({
    name: 'CNavItem',
    inheritAttrs: false,
    props: {
        /**
         * Toggle the active state for the component.
         */
        active: Boolean,
        /**
         * Component used for the root node. Either a string to use a HTML element or a component.
         */
        as: {
            type: String,
            default: 'li',
        },
        /**
         * A string of all className you want applied to the component.
         */
        class: String,
        /**
         * Toggle the disabled state for the component.
         */
        disabled: Boolean,
        /**
         * @ignore
         */
        href: String,
    },
    setup(props, { attrs, slots }) {
        return () => vue.h(props.as, {
            class: ['nav-item', props.class],
        }, props.href
            ? vue.h(CNavLink.CNavLink, {
                ...attrs,
                active: props.active,
                disabled: props.disabled,
                href: props.href,
            }, {
                default: () => slots.default && slots.default(),
            })
            : slots.default && slots.default());
    },
});

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