@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
40 lines (39 loc) • 1.15 kB
JavaScript
import normalizeComponent from "../../../../_virtual/_plugin-vue2_normalizer.js";
import DtAvatar from "../../../avatar/avatar.vue.js";
import DtStack from "../../../stack/stack.vue.js";
const _sfc_main = {
name: "MentionSuggestion",
components: {
DtAvatar,
DtStack
},
props: {
item: {
type: Object,
required: true
}
},
computed: {
name() {
return this.item.name;
},
avatarSrc() {
return this.item.avatarSrc;
}
}
};
var _sfc_render = function render() {
var _vm = this, _c = _vm._self._c;
return _c("dt-stack", { attrs: { "direction": "row", "gap": "400" } }, [_c("dt-avatar", { attrs: { "full-name": _vm.name, "image-src": _vm.avatarSrc, "image-alt": _vm.name, "size": "xs" } }), _c("span", { staticClass: "d-mention-suggestion__name" }, [_vm._v(" " + _vm._s(_vm.name) + " ")])], 1);
};
var _sfc_staticRenderFns = [];
var __component__ = /* @__PURE__ */ normalizeComponent(
_sfc_main,
_sfc_render,
_sfc_staticRenderFns
);
const MentionSuggestion = __component__.exports;
export {
MentionSuggestion as default
};
//# sourceMappingURL=MentionSuggestion.vue.js.map