@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
33 lines (32 loc) • 1.96 kB
JavaScript
import normalizeComponent from "../../../_virtual/_plugin-vue2_normalizer.js";
import DtChip from "../../../components/chip/chip.vue.js";
const _sfc_main = {
name: "DtRecipeGroupedChip",
components: {
DtChip
},
computed: {}
};
var _sfc_render = function render() {
var _vm = this, _c = _vm._self._c;
return _c("div", { staticClass: "d-recipe-grouped-chip", attrs: { "data-qa": "dt-recipe-grouped-chip" } }, [_c("dt-chip", { staticClass: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left", attrs: { "hide-close": true, "interactive": false, "size": "xs", "grouped-chip": true }, scopedSlots: _vm._u([_vm.$slots.leftIcon ? { key: "icon", fn: function() {
return [_vm.$slots.leftIcon ? _c("div", { attrs: { "data-qa": "left-grouped-chip-icon" } }, [_vm._t("leftIcon")], 2) : _vm._e()];
}, proxy: true } : null, { key: "default", fn: function() {
return [_vm.$slots.leftContent ? _c("div", { attrs: { "data-qa": "left-grouped-chip-content" } }, [_vm._t("leftContent")], 2) : _vm._e()];
}, proxy: true }], null, true) }), _c("dt-chip", { staticClass: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right", attrs: { "hide-close": true, "interactive": false, "size": "xs", "grouped-chip": true }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
return [_vm.$slots.rightIcon ? _c("div", { attrs: { "data-qa": "right-grouped-chip-icon" } }, [_vm._t("rightIcon")], 2) : _vm._e()];
}, proxy: true }, { key: "default", fn: function() {
return [_vm.$slots.rightContent ? _c("div", { attrs: { "data-qa": "right-grouped-chip-content" } }, [_vm._t("rightContent")], 2) : _vm._e()];
}, proxy: true }], null, true) })], 1);
};
var _sfc_staticRenderFns = [];
var __component__ = /* @__PURE__ */ normalizeComponent(
_sfc_main,
_sfc_render,
_sfc_staticRenderFns
);
const grouped_chip = __component__.exports;
export {
grouped_chip as default
};
//# sourceMappingURL=grouped_chip.vue.js.map